GitHub + Hexo搭建个人博客
GitHub + Hexo搭建个人博客
最近很多同学都想自己搭建一个属于自己的个人博客,于是便有了出这个教程的想法,本文采用GitHub+Hexo搭建,采用静态网页的方法(每次你需要修改东西的时候都需要重新将你的网站资源push一下)。
先看效果图:
Windows下搭建教程
1、需要准备的软件
- Git
- Node.js
2、软件安装
Node.js安装
官网:https://nodejs.org/
如果不想更改路径的话就一路next即可完成安装
打开CMD
命令行
node -v
npm -v
如果结果如下图所示,则说明安装正确,可以进行下一步了。
Git软件安装
官网:https://git-scm.com/downloads
Git PATH设置
git --version
如果结果如下图所示,则说明安装正确,可以进行下一步了。
3、安装Hexo
当Node.js
和Git
安装好,下面就需要安装Hexo
了,在自己认为合适的地方执行以下命令
npm install hexo-cli -g
可能会看到WARN,这不会影响正常使用。 接着输入
npm install hexo --save
最后输入hexo -v
查看
hexo -v
4、初始化Hexo
自己选取一个合适的目录(用于存放hexo
各种文件),用CMD
命令行分别输入
hexo init
npm install
hexo s
输入hexo s
之后会提示:
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
用浏览器打开http://localhost:4000/
即可看见自己的博客首页啦。
按下Ctrl+C
即可停止。
5、与GitHub关联
- 配置
Git
个人信息 - 配置
Deployment
配置Git个人信息
- yourname:你自己的用户名
- youremail:你自己的邮箱
1、设置Git的user name和email:
git config --global user.name "yourname"
git config --global user.email "youremail"
2、生成**:
ssh-****** -t rsa -C "youremail"
然后会出现:
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/zhong/.ssh/id_rsa):
直接回车就可以。
然后会出现:
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
要求你输入密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。
注意:输入密码的时候没有*
字样的,直接输入就好。
然后会出现:
Your identification has been saved in /c/Users/zhong/.ssh/id_rsa.
Your public key has been saved in /c/Users/zhong/.ssh/id_rsa.pub.
The key fingerprint is:
65:69:······02:4b aaa@qq.com
The key's randomart image is:
+--[ RSA 2048]----+
| |
| . o . |
| . o o = o |
| . o * = o |
| E o + o . |
| . o. . . |
| .. |
+-----------------+
至此,**已经成功生成。
① 打开本地文件:id_rsa.pub
(文件路径可以在上一步SSH生成成功后看到路径,比如我的是C:/Users/zhong/.ssh/id_rsa.pub
),可以将这个文件在编辑器中打开,然后全选复制。
② 登陆github
,点击头像位置处Settings
——> SSH and GPG keys
——> New SSH key
,点击新建SSH key
。
③ 将 ① 中复制的内容粘贴在key
文本框里,title
可以不用填(或者自己起一个名字也可以)。
当再次
hexo d
的时候ssh
中的要是图标就会变成绿色的。
3、配置Deployment:
在_config.yml(hexo文件夹下的站点配置文件)
文件中,找到Deployment
,然后按照如下修改:
deploy:
type: git
repo: aaa@qq.com.com:yourname/yourname.github.io.git
branch: master
主题
官方主题库:https://hexo.io/themes/
目前我使用的是Next
主题,
以上就是搭建好个人博客的基本步骤,接下来当然还会有一系列的进阶版Hexo将会等着你哦~~
推荐阅读
-
GitHub + Hexo搭建个人博客
-
hexo个人博客部署到coding
-
hexo +github 搭建私人博客
-
Github搭建hexo个人博客
-
Hexo个人免费博客(四) 部署到Coding.net
-
Hexo + GitHub Pages 搭建博客
-
利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)