搭建博客

利用Hexo+GitPage,搭建博客

前置条件Node.js+Hexo+Git

1. 安装Node.js,官网下载安装即可。
2. 安装Hexo,官网也有安装指示。
  1. sudo npm install -g hexo,记得带上sudo,否则会报权限问题。
    安装Hexo

  1. 初始化一个blog,选一个本地目录cd进去之后执行init命令


    初始化
$ cd xxx
$ hexo init

  1. 安装依赖,这一步记得先进入刚刚初始化的blog目录下操作
    先进入目录

    再安装依赖
先cd,再npm install

  1. 生成静态页面,在当前目录执行命令


    生成静态页面
$ hexo g (or hexo generate)

  1. 发布


    发布
$ hexo s (or hexo service)

  1. 校验,浏览器打开http://localhost:4000/
    校验发布

3.关联到Github
  1. 在自己的Github上新增一个repository,命名规则为账户名.github.io
    新增项目空间

  1. git配置到Hexo里面去.
    还是在刚刚初始化的blog目录下,找到_config.yml文件,使用vim打开编辑,将git信息编辑到配置文件底部的deploy:里面去
    编辑配置文件

    配置文件内容

    编辑完成

  1. 重新生成静态页面


    重新生成
$ hexo g (or hexo generate)

  1. 配置
    此时可能会报错,原因是未安装git安装后再执行配置命令即可
    需要安装git

    安装git

    重新配置
配置命令
hexo d (or hexo deploy)
安装命令
npm install hexo-deployer-git --save

  1. 校验
    此时浏览器打开http://junwangInChina.github.io,如果同样出现http://localhost:4000/内容
    ,即表示配置无误,注意换成自己的博客地址。

4. 写一篇新的博客
  1. 进入blog目录下,使用命令hexo new "blogname"创建一篇新的博客
    博客内容可以通过markdown编辑器编辑,编辑完成之后,重新生成静态页面
    hexo g,然后配置到github,hexo d
    发布一篇新的blog
$ cd blog
$ hexo new "blog name"
$ hexo g
$ hexo d

  1. 删除一篇博客
    直接进入blogsorce/_posts目录下,删除掉需要删除的博客文件即可
    然后重新生成静态页面,配置
$ cd blog/source/_posts 
删除xxx.md
$ hexo g
$ hexo d

5. 更换主题Theme
  1. 选择主题
    一般都是在hexo主题目录找一款喜欢的
    这里选择NexT为例,使用文档

  1. 下载主题
    进入blog目录,执行git clone https://github.com/iissnan/hexo-theme-next themes/next下载命令
    下载主题
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

  1. 修改blog配置
    blog主目录,打开_config.yml文件,将其中的theme: landscape 修改为 theme: next
    修改配置
$ cd blog
$ vim _config.yml

  1. 测试发布新的主题
    首先需要删掉老的主题缓存hexo clean
    然后生成新的静态文件hexo g
    最后再配置到github,hexo d
    配置成功后,到博客首页看看主题生效没xxx.github.io
    清除缓存

    生成新的静态文件

    配置到Github
$ hexo clean
$ hexo g
$ hexo d

  1. 新主题各种配置
    一般主题使用文档都比较全,按照步骤配置即可
6. 绑定个人域名
  • 个人还没到这一步,暂时发布到git上就可以了,有兴趣可以查一下,网上教程很多

你可能感兴趣的:(搭建博客)