Hexo博客部署经历

前言

    闲来无事，准备开始重新学习。感觉之前做的比笔记都有问题，都是差不多完整的记录所有内容，不该如此。应该只写自己不会的，回顾时候觉得有用的内容。遂准备开始写博客分享记录学习内容。但是感觉更新hexo博客有点麻烦。拿起之前的几个可以写内容的平台分享。Hexo可能就闲置了，但是部署的经验可以与大家分享。

---

实践！

    我是自己的centos7云服务器安装Hexo，并安装插件admin，与主题fluid。大家可以在window端安装运行差不多的道理。

安装前提

可以参考https://hexo.io/zh-cn/docs/官网。

需要node.js环境与Git。

我的机器上运行如此指令。

yum install git-core -y

git version #查看安装情况 正常会显示版本

#node.js安装  

https://github.com/nodesource/distributionscurl -fsSL https://rpm.nodesource.com/setup_17.x | bash -yum install -y nodejs

node -v  #验证安装情况npm -v

安装Hexo

npm install -g hexo-cli #通过npm安装hexo

echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile #将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo 

搭建博客并安装主题fluid

hexo init  #任意你的博客名

cd  #进入博客目录npm install --save hexo-theme-fluid  #安装fluid主题#

https://github.com/fluid-dev/hexo-theme-fluid 对应网站

vi _config.fluid.yml #新建该文档 将https://raw.githubusercontent.com/fluid-dev/hexo-theme-fluid/master/_config.yml内容复制过去

vi _config.yml #修改默认配置  

theme: fluid  # 指定主题  

language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改

hexo new page about  #新建关于页vi /source/about/index.md，添加添加 layout 属性修改后的文件示例如下：

---title: aboutdate: 2020-02-23 19:20:33layout: about---

hexo generate  #生成

hexo server -p 5678 #指定端口启动 默认不添加-p是4000端口

如果你是本地，现在就可以访问127.0.0.1:4000看到页面，如果跟我一样是云服务器，需要在安全组内放通选择的端口，后ip:port访问页面。（我的已经修改了部分配置，结果应该差不多默认背景）

---

---

同步到github，gitee使用它们的资源展示博客

    为了方便之后推送到github跟gitee免密码。我们使用ssh，不使用https。

git config --global user.name "用户名"

git config --global user.email "注册邮箱"

ssh-keygen -t rsa -C "注册邮箱" #生成ssh秘钥 

    注册邮箱需要一致，因为懒就用一个密钥。    

    找到生成的.ssh文件夹里的id_rsa.pub密钥，将内容全部复制。

    在https://github.com/settings/keys与https://gitee.com/profile/sshkeys新建SSH公钥。

ssh [email protected]

ssh [email protected]  #测试 正常应该可以显示你的用户名 successfu

    Github新建仓库，仓库名用户名.github.io。Gitee同理用户名.gitee.io

安装git 部署插件 并推送

进入博客目录npm install hexo-deployer-git --save

    更改配置文件。

    _config.yml

    地址就是进入仓库，现在选择ssh里的内容。

deploy:  

type: git  

repo:        

github: [email protected]:XX/XX.github.io.git        

gitee: [email protected]:XX/XX.git  branch: master

    推送

hexo d #就可以推送到目录了

    github需要选择githubpages功能，gitee需要实名认证之后开启giteepages功能（Gitee需要手动更新）。

    之后访问  用户名.gihub/gitee.io就可以进入页面。

安装hexo-admin插件，它可以让我们在web端创作

依然进入之前的目录中npm install --save hexo-admin

再次运行hexo s 访问页面ip:port/admin/ #就可以进入后台管理页面

为了更安全我们可以设置账号密码访问

点击settings界面，再点击下图

进入如下页面填写账号密码跟提示。

复制下面的代码到之前的_config.yml最下面添加即可。

重新启动服务之后可以进入如下登录界面

---

这样就完成了hexo博客创建与推送还有web端创作的介绍。

本文使用 文章同步助手 同步