hexo+github+NexT
目录
一、准备工作
- 注册一个github账号
- 安装Git
- Nodejs
二、git的相关配置
https://blog.csdn.net/qq_35061334/article/details/86562620
三、安装hexo,搭建简单的博客框架
Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具,支持Markdown格式,有很多优秀插件和主题。
官网: http://hexo.io
github: https://github.com/hexojs/hexo
1、安装
$ npm install hexo-cli -g
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主题:
- NexT链接
- 使用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写作时有很好的示例提供:
六、hexo官网:
七、常遇到的问题解决方法:
https://mp.csdn.net/mdeditor/87893098#