hexo搭建个人博客

Tap? taq

准备工作

  1. node

  2. npm(安装完node后就有了),若npm下载速度很慢,可安装cnpm

  3. node安装hexo-cli模块:npm install -g hexo-cli

开始搭建(windows平台)

  1. 新建一个文件夹来放置我们的博客

  2. 在这个文件夹中打开cmd,输入相关的命令

  3. hexo init:初始化创建博客

  4. hexo s:打开博客(默认地址:http://localhost:4000

  5. hexo n 'xxxx(文章名)':新建一篇博客文章

  6. 然后可以在此md文件中编写相关的内容

  7. hexo g:生成一下文件

  8. hexo clean:清除缓存(最好每次都清除一下)

把博客与github关联(推送到github上)

这个的好处是可以不用去租一台云服务器去挂载,不用申请域名,对学生党很友好

  1. 在github上创建一个仓库(注意仓库的命名格式必须为:用户名.github.io)

    image

  2. 安装hexo-deployer-git:npm install -g hexo-deployer-git

  3. 编辑一下_config.yml文件

    image

    image
    其中的repo为github仓库的SSH形式的地址(相对于HTTPS的地址,这个地址能减少一些不必要的错误)

  4. 然后就可以把博客推送到github的仓库中了:hexo d(第一次输入的时候会提示填写github的邮箱,密码,用户名等)

    此时就可以在github仓库中看到所推送的博客文件

    image

  5. 这个时候就可以在浏览器中输入刚才命名的仓库名,就可以访问到自己的博客啦

    image

修改博客的主题

hexo主题

  1. 去clone对应主题中的github仓库:git clone 对应主题仓库的地址 themes/xxx(存放的主题名文件夹)

  2. 此时在themes文件夹下就可以看到刚才clone的主题文件了

    image

  3. 然后编辑_config.yml文件

    theme那一项设置主题的文件夹名就好了

    image
    然后重新hexo g,hexo d,hexo clean就好了

  4. 可能博客没那么快有显示变化,可以多刷新几下网址

图片无法显示的问题

可参考网站:https://www.jianshu.com/p/ea78bdd0551f/

结尾

总的来说,当你修改了你的一些文件后,然后要推送到github远程库中 按顺序输入的命令依次为:(大部分情况下)
hexo g
hexo d
hexo clean

最后,欢迎来访问我的个人博客哦,不定期更新!!!(https://taptaq.github.io/)
希望有用,谢谢!!!

阅读 152

想跟上前端大佬步伐的小虫...

19 声望
1 粉丝
0 条评论
你知道吗?

想跟上前端大佬步伐的小虫...

19 声望
1 粉丝
宣传栏