使用hexo+NexT+GitHub搭建个人博客

简要记录Ubuntu下用hexo搭建个人博客的一些关键步骤,不包含NexT主题的具体优化。

〇、前言

新换了一台电脑后,重搭建了一次博客,记录一些关键步骤及参考网页。本文实践的环境:Ubuntu16.04、NexT7.7、hexo。

一、安装环境

1.移除hexo:

1
2
cd /usr/bin
npm uninstall hexo -g

2.移除node和npm
1
2
3
sudo apt remove node
sudo apt remove nodejs
sudo apt remove npm

3.安装git

1
sudo apt-get install git

4.安装nvm
这里的nvm实际上是node的包版本控制工具,在这里你可以找到各种你想要的版本,这里我们想要成功搭建肯定后面要安装稳定版的node了。直接在终端中执行下列语句

1
2
3
4
5
export NVM_DIR="$HOME/.nvm" && (
git clone https://github.com/creationix/nvm.git "$NVM_DIR"
cd "$NVM_DIR"
git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`
) && . "$NVM_DIR/nvm.sh"

5.配置开机自启
在你的~/.bashrc, ~/.profile,或者~/.zshrc中加入如下配置

1
2
3
sudo gedit ~/.bashrc  # 打开该文件,并将下面的语句直接复制到文件末尾,保存关闭
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

6.使用nvm安装node和npm
如果执行完上面的命令都没有问题,这里就应该要使用nvm来安装node和npm了,首先先检查远程仓库的版本

1
nvm ls-remote

如果网不好的情况下这一步骤可能会失败,如果失败再多试几次,或者找个网好的地方就能更下来了,我之前网络情况不太好大概执行了4/5次才刷出来。

7.安装稳定版
如果上面那一步没问题的话,这里就开始安装node的稳定版了。

1
2
3
nvm install stable
nvm use node # 启用安装好的版本
nvm alias default node # 设置为默认版本

8.安装hexo
如果nvm安装完成且成功配置好稳定版以后,就可以安装hexo了,安装hexo的过程其实和大家之前搜的没什么不同,之前安装失败的主要问题,要么是版本不匹配,要么是版本过低,在github也搜索过作者回答大致是低一点的版本是会有bug,不过高版本已经修复了。这边还是再重复一遍吧。

1
2
3
4
5
6
7
8
npm install -g hexo-cli         # 安装hexo
mkdir blog # 新建一个文件夹用来存放博客
hexo init blog # 用hexoa初始化文件夹
cd blog # 打开博客文件夹
npm install # 安装npm
npm update -g # 更新npm
hexo g # 生成静态界面
hexo s # 开启本地服务

顺利的话,经过上述操作,可以在浏览器中通过网址http://localhost:4000打开一个静态网页,作为调试所用。

二、Git的环境配置

1.配置本机全局git环境

1
2
3
npm install --save hexo-deployer-git
git config --global user.email "YourEmail"
git config --global user.name "YourName"

2.生成SSH密钥

1
2
less ~/.ssh/id_rsa.pub          # 验证是否之前生成过ssh的key,若有,则会出现一串秘钥
ssh-keygen -t rsa -C YourEmail # 若无,则重新生成秘钥

3.Github网页配置
从网页上打开github,没有注册的话需要注册一个账号,注册后正常登录,从头像那里选择settings->SSH and GPG keys,填入刚刚生成的SSH秘钥,名字可以自己填。在Terminal中输入下列命令测试是否成功。

1
ssh -T git@github.com

如果成功,会提示Hi YourName! You've successfully authenticated, but GitHub does not provide shell access.

4.博客文件夹与GitHub关联
打开blog文件夹,在根目录下有一个主题配置文件_config.yml,打开后,找到deploy,并加入下面的内容:

1
2
3
4
deploy:
type: git
repository: git@github.com:YourName/YourName.github.io.git # 用户名改成你自己的
branch: master

三、推送博客到GitHub

1
hexo clean && hexo g && hexo deploy

四、安装插件

安装插件及配置参考小丁的博客使用的插件。对于非重新建立网站,只需安装插件:

1
2
3
4
5
6
7
8
9
10
11
12
13
npm install hexo-symbols-count-time --save
npm install hexo-related-popular-posts --save
npm install hexo-douban --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-baidu-url-submit --save
npm install hexo-generator-feed --save
npm install hexo-generator-searchdb --save
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save
npm install hexo-blog-encrypt --save
npm install hexo-neat --save
hexo clean && hexo douban -bgm && hexo g && hexo s

五、一些其他的修改

  1. 底部增加网站运行时间,修改位置:blog/themes/next/layout/_partials/footer.swig
  2. 底部增加总访问量,修改掉主题配置文件中busuanzi的计数,增加提示语,修改位置:blog/themes/next/layout/_partials/footer.swig
  3. 文章置顶:只需在博客源文件xx.md开始部分的tags后再添加一个top: 100,这个数字越大越靠前。置顶图标的设置:blog/themes/next/layout/_macro/post.swig文件,在<div class="post-meta"> 的第一个 <span> 标签下的一段代码。
  4. 文章加密:在博客源文件xx.md开始部分添加如下内容:
    1
    2
    3
    password: abcd
    abstract: 这是一篇加密的博客哦~
    message: 请输入密码

参考链接:

1.小丁的个人博客
2.Ubuntu 上使用hexo+github打造个人blog
3.linux 下 Hexo + GitHub 搭建个人博客
4.在github上搭建hexo个人博客(Linux-Ubuntu)

------ 本文结束感谢您的阅读------
Donate a cup of cola?