hexo博客搭建

hexo博客搭建 win10(保姆级)

先下载node.js,网址https://nodejs.org/
hexo博客搭建

然后一直点击下一步,默认安装就行

hexo博客搭建

按win+R ,输入cmd,进入命令行模式,输入node -v,npm -v,查看是否安装成功和下载版本

hexo博客搭建

npm这个包管理器的源在国内较慢,所以安装cnpm(淘宝的源,速度更快),输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

hexo博客搭建

cnpm 安装hexo-cli,输入

cnpm install -g hexo-cli

hexo博客搭建

查看hexo是否安装成功,输入hexo -v

hexo博客搭建

创建一个文件夹blog,示例在D:\blog,如果搭建出现错误,则把文件夹清空重来就行。

cd D:\blog ,输入hexo init ,初始化博客,然后可以看到hexo自动在blog文件夹下面生成了很多文件,代表初始化成功了。

hexo init

hexo博客搭建

hexo博客搭建

启动博客,输入

hexo server

hexo博客搭建

打开浏览器,输入localhost:4000,可以看到hexo已经默认生成一篇hello world博客。
hexo博客搭建

返回终端,ctrl+c 断开连接,开始新建一篇博客,输入

hexo n "hexo博客搭建"

hexo博客搭建

编辑md文件(此步省略)

编辑完成之后,输入,清理一下

hexo clean

hexo博客搭建

生成一下博客,输入

hexo generate

hexo博客搭建

再次启动hexo,输入hexo s ,进入浏览器,输入localhost:4000
hexo博客搭建

图片上传错误解决方法,参考

注意图片的格式,(xxx/test.png) xxx是文件夹,一定需要使用/,而不是\

https://www.jianshu.com/p/f72aaad7b852

把博客部署到gitee上(失败)

  1. 首先,创建一个gitee仓库

    hexo博客搭建

  2. 安装hexo的 git 部署插件

    cnpm install --save hexo-deployer-git
    

    hexo博客搭建

  3. 配置blog目录下_config.yml,在最后添加deploy:

      type: git
      repo: https://gitee.com/mokez/mokez_blog.git
      branch: master
    

    保存退出

  4. 部署到远程仓库,hexo d

    hexo deploy
    
  5. 然后登陆gitee,发现…

    hexo博客搭建

  6. 换github继续搭建

把博客部署到github上

  1. 新建一个仓库

    hexo博客搭建

  2. 用户部署个人博客的github仓库的命名必须符合特定要求才行(xx.github.io)hexo博客搭建

  3. 然后在命令行中,安装一个插件,输入

    cnpm install  --save hexo-deployer-git
    
  4. 设置blog下的_config.yml,在最后输入

    deploy:
      type: git
      repo: https://github.com/Mokelichen/Mokelichen.github.io.git
      branch: master
    
    

    repo:是刚刚创建的github仓库的地址,去github上copy下来即可。

  5. 现在我们就可以推送到远程仓库了,

    hexo n "test" #这是新建一个test.md
    hexo clean   #推送前先清理一下
    hexo g #生成
    hexo d  -g#推送
    

    hexo博客搭建

    hexo博客搭建
    hexo博客搭建

  6. 输入账号密码

    hexo博客搭建

  7. 再输入一次账号密码

    hexo博客搭建

    hexo博客搭建

  8. 然后刷新github,可以看看自己推送成功没有

    hexo博客搭建

  9. 在浏览器输入,仓库名后面的地址

    hexo博客搭建

  10. 终于成功了!!!

    hexo博客搭建

更改主题

  1. 先下载一个yilia主题

    hexo博客搭建

  2. 然后打开_config.yml,将theme更换为yilia

    hexo博客搭建

  3. 然后同上推送,就成功了

    hexo博客搭建

    完美!
    最后感谢codesheep大佬的视频。
    https://www.bilibili.com/video/BV1Yb411a7ty?share_source=copy_web

上一篇:hexo添加自动更新的站点统计页面


下一篇:Hexo优化篇:Nginx压缩和缓存