hexo+github+NexT搭建个人博客

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主题:

  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写作时有很好的示例提供:
md文件的书写格式

六、hexo官网:

hexo网址

七、常遇到的问题解决方法:

https://mp.csdn.net/mdeditor/87893098#


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值