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端创作的介绍。

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

你可能感兴趣的:(Hexo博客部署经历)