挑选一个主题
在themes中,挑选一个主题。我目前选择的是fluid
使用Hexo搭建本地博客
准备Hexo安装环境。
- nodejs:作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。
- npm:node包管理器。是Node.js默认的、用JavaScript编写的软件包管理系统。
1 2 3
| sudo apt install nodejs sudo apt install npm node --version
|
升级nodejs版本,否则后面会存在这个报错。
1 2 3 4
| # 我没看这两条命令的具体作用是什么,但确实管用。 sudo npm install n -g sudo n stable node --version
|
全局安装Hexo。
1
| sudo npm install -g hexo-cli
|
本地建站并启动。
1 2 3 4 5 6 7
| # 请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。 hexo init <folder> cd <folder> npm install
$ hexo generate/g $ hexo server/s
|
替换主题
根据hexo 配置和fluid的为文档,修改配置文件即可。
很多我还没该,暂时可以上传文章即可。
1 2 3 4 5 6 7 8
| # 安装fluid主题 npm install --save hexo-theme-fluid
# 配置config文件 ...
# 安装git插件 npm install hexo-deployer-git --save
|
多机同步
master分支用于展示网页。doc分支用于存储内容。
每次操作之前同步doc,操作结束之后,重新生成并hexo generate
更新master。
A主机操作:
1 2 3 4 5 6
| $ git init $ git checkout -b doc $ git add . $ git commit -m "create a new branch for coordination among multiple devices" $ git remote add origin git@github.com:da1234cao/da1234cao.github.io.git $ git push origin doc
|
在电脑B处拉取分支doc,做更新博客操作,先需搭建环境:
1 2 3
| $ git clone -b doc https://github.com/username/username.github.io.git $ cd username.github.io $ npm install
|
此后就可以在电脑B上编辑更新博文了。
第五步:编译博客,将静态文件发布到主分支 master 上,源文件提交到分支 doc 上:
1 2 3 4 5
| $ hexo clean && hexo g && hexo d $ git add . $ git commit -m "message" $ git pull origin doc $ git push origin doc
|
第六步:再次回到电脑A进行博文编辑工作,同步hexo分支源文件到本地,进行合并:
1 2
| $ git pull origin hexo # 写好博文,重复操作第五步
|
文档插入图片
我不喜欢图床。我喜欢图片和文档在一个地方存储。参考:Hexo博客搭建之在文章中插入图片
绝对路径:可以将图片统一放在source/images文件夹中,通过markdown语法访问它们。
添加评论功能
参考:给博客增加评论功能,我们给博客添加评论功能。
1 2 3 4 5 6 7 8 9 10
| post: comments: enable: true type: utterances
utterances: repo: da1234cao/da1234cao.github.io issue-term: title theme: github-light crossorigin: anonymous
|
给文章加密
参考:Hexo-blog-encrypt,给博客文章加密
npm install --save hexo-blog-encrypt
修改_config.yml
。
1 2 3 4
| # Security # encrypt: enable: true
|
写博客
避免我忘记,这里记录下。
1 2
| hexo generate hexo deploy
|
参考
Ubuntu + GitHub Pages + Hexo 搭建个人博客