文章目录
Hexo+GitHub Pages+Next 搭建博客
准备工作:
-
安装 node.js
https://nodejs.org/en/ -
安装Git(此过程略去,程序员必备)
-
使用npm安装Hexo
npm install -g hexo-cli
开始搭建博客
- 随便找个文件夹打开终端(我是在E盘),输入:
hexo init blog//blog是项目名
cd blog //切换到站点根目录
npm install //安装
hexo server //开启服务
- 打开浏览器输入localhost:4000查看:
看到这个样子就说明成功了,这个就是hexo默认的博客主题。现在你已经可以在这个主题下写博客了。
选择主题nexT
- 在站点根目录输入git clone https://github.com/iissnan/hexo-theme-next themes/next:
E:\>cd blog
E:\blog>cd themes
E:\blog\themes>git clone https://github.com/iissnan/hexo-theme-next themes/next
- 完成后,打开blog文件夹下的_config.yml文件,找到theme字段,把landscape改为next:
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
- 在终端输入:
hexo clean //清除缓存
hexo g //重新生成代码
hexo s //部署到本地
然后打开浏览器访问localhost:4000 查看效果。
nexT主题有三种选择,这个只是最简洁的一种,我们选择最好看的那个。
- Muse- 默认 Scheme,这是NexT最初的版本,黑白主调,大量留白。
- Mist -Muse 的紧凑版本,整洁有序的单栏外观。
- Pisces - 双栏 Scheme,小家碧玉似的清新。
- 配置nexT
打开blog/themes/next/_congig.yml文件:
# Schemes
scheme: Muse
#scheme: Mist
#scheme: Pisces
#scheme: Gemini
- 在终端输入:
hexo clean //清除缓存
hexo g //重新生成代码
hexo s //部署到本地
打开浏览器访问 localhost:4000 查看效果,博客类似于下面这样:
将本地博客上传到Github
创建一个新项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README。
在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。
将Hexo与Github Page联系起来
进入目标文件夹,在其文件夹里面鼠标右键,点击Git Base Here
输入cd ~/.ssh,检查是否由.ssh的文件夹。
cheng@cheng MINGW64 /e/chengchenrui.github.io (Hexo)
$ cd ~/.ssh
输入ls,列出该文件下的内容。下图说明存在。
cheng@cheng MINGW64 ~/.ssh
$ ls
id_rsa id_rsa.pub known_hosts
输入ssh-keygen -t rsa -C “你的邮箱”,连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh)。
输入eval “$(ssh-agent -s)”,添加密钥到ssh-agent。
再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent。
登录Github,点击头像下的settings,添加ssh。
新建一个new ssh key,将id_rsa.pub文件里的内容复制上去。
输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了。
配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值(在末尾)
# 这是提交到github的配置,启用本地服务器,请注释:
deploy:
type: git
repository: git@github.com:username/username.github.io.git
branch: master
repo值是你在github项目里的ssh
新建一篇博客,在cmd执行命令:hexo new post “我的第一篇文章”
这时候在文件夹_posts目录下将会看到已经创建的文件。
在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git --save
使用编辑器编好文章,那么就可以使用命令:hexo d -g(也可以分开),生成以及部署了。
部署成功后访问你的地址:https://用户名.github.io。那么将看到生成的文章。