hexo+github+NexT搭建个人博客
hexo+github+NexT
目录
一、准备工作
- 注册一个github账号
- 安装Git
- Nodejs
二、git的相关配置
- 仓库名字必须是:
username.github.io
,其中username是你的用户名;
-
配置SSH key(=>Settings):
提交代码到git肯定要拥有你的github权限才可以,使用ssh key来解决本地和服务 器的连接问题
三、安装hexo,搭建简单的博客框架
Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具,支持Markdown格式,有很多优秀插件和主题。
官网: http://hexo.io
github: https://github.com/hexojs/hexo
1、安装
$ npm install -g hexo
2、在本地新建一个文件夹存放代码
$ cd /e/Workspaces/hexo/
3、hexo初始化
$ hexo init
4、生成html
$ hexo g
5、启动本地服务
$ hexo s -debug
以上操作搭建博客需要的代码都会下载到本地,如图:
6、一个基础的博客框架搞定
打开http://localhost:4000/本地可以可以看到效果
6、上传文件到git托管
怎么让新建的博客,其他人也可以访问?
现在需要把我们代码文件夹push到git上去托管
步骤:
$ cd /e/WorkSpaces/hexo/ =====进入指定目录
$ hexo clean ; hexo generate
$ hexo deploy
$ hexo d
6、访问我的博客
https://411forget.github.io/
四、更换主题
这里举例使用next主题:
1. NexT链接
2. 使用git克隆的方式,之后的更新可以通过 git pull 来快速更新
步骤如下:
$ cd /e/WorkSpaces/hexo/
$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next
修改 站点配置文件_config.yml
中的theme: landscape
改为theme: next
。
到此,NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前, 我们最好使用 hexo clean
来清除 Hexo 的缓存,然后启动本地服务hexo s
,打开http://localhost:4000/本地可以可以看到效果。
五、开始写博客
$ cd /e/WorkSpaces/hexo/
$ hexo new ‘blog20180708’
此时会在E:\WorkSpaces\hexo\source_posts文件夹下生成一个blog20180708.md
文件,编写md文件,然后利用hexo g
来生成;
【推荐使用csdn写博客,写完之后的md文件可以直接用于个人博客的发布。】
md文件的书写格式在csdn写作时有很好的示例提供: