hexo+github+NexT搭建个人博客

hexo+github+NexT

目录


一、准备工作

  • 注册一个github账号
  • 安装Git
  • Nodejs

二、git的相关配置

  • 仓库名字必须是: username.github.io ,其中username是你的用户名;
    hexo+github+NexT搭建个人博客
  • 配置SSH key(=>Settings):

    hexo+github+NexT搭建个人博客
    提交代码到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

以上操作搭建博客需要的代码都会下载到本地,如图:
hexo+github+NexT搭建个人博客

6、一个基础的博客框架搞定
打开http://localhost:4000/本地可以可以看到效果
hexo+github+NexT搭建个人博客

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写作时有很好的示例提供:
hexo+github+NexT搭建个人博客

六、hexo官网:

hexo网址