学习笔记之——Win10从0搭建自己的个人博客(hexo)

搭建流程

  1. 因为hexo需要node.js来支持生成,所以下载node.js(在链接中选择第一个即名为…LTS长期支持版的进行下载,安装完以后电脑里会有node.js和npm,这两项有可能在安装完以后不显示)

  2. 打开终端,按下键盘上的 win+r ,输入cmd,回车

  3. 输入命令: node -v (可查看之前安装的node.js 版本)

  4. npm -v(可查看之前安装的npm版本)

  5. 借助npm包管理器来安装hexo框架,由于国内镜像源速度很慢,所以先利用npm安装cnpm(淘宝的源)(这个会比较快)所以输入命令行:npm install -g cnpm --registry=http://registry.npm.taobao.org

  6. cnpm -v (查看cnpm 版本)

  7. cnpm install -g hexo-cli

  8. 用 hexo -v 来验证一下

  9. mkdir blog(新建blog文件夹)

  10. hexo init(初始化一个博客)

  11. hexo s(启动博客)

  12. 在浏览器中访问:localhost:4000

  13. ctrl c(退出服务)

  14. hexo n “我的第一篇博客文章”(新建博客文章)

  15. cd source/_posts/(进入到 _posts 文件夹里)

  16. vim 我的第一篇博客文章.md(修改 我的第一篇博客文章.md 这个文件内容)

  17. 然后在里面写自己的博客文章内容 (使用i键插入,写完以后按Esc键,再按 :wq 再回车)

  18. cd …(退回一层文件夹)

  19. cd …(再退回一层文件夹)

  20. pwd(显示当前完整路径,确保在blog文件夹下)

  21. hexo clean

  22. hexo g

  23. hexo s

  24. 刷新浏览器

  25. 搭建完成,接下来将博客部署到远端——github上去 备注:部署到GitHub上可使得他人根据github上的地址(也就是你之后要建立的仓库的名字)访问到你的博客

  26. 登录github账号

  27. 新建仓库,名字格式必须为:你的github昵称.github.io

  28. cnpm install --save hexo-deployer-git(安装git部署的插件)

  29. vim _config.yml

  30. 找到 deployment那一块,修改如下:

  31. deploy:

  32.  type: git
    
  33.    repo: 刚刚创建的仓库地址
    
  34.    branch: master
    
  35. 然后参照第17步保存退出

  36. hexo d(部署到github上)

  37. 然后输入自己的账号密码

  38. 刷新github上的仓库,新增内容为博客生成的内容

  39. 把仓库名放在浏览器中访问

  40. 部署完成

  41. 更换主题

  42. 主题页面找到自己喜欢的主题,然后点进去,里面会有使用指南或者使用说明

  43. 使用主题操作:先在命令行中输入 git clone 你选定的主题的地址.git themes/主题名称)

  44. 修改blog里的_config.yml,在倒数第二块里,把 theme: 后面的改成你刚刚下载的主题名称,保存退出

  45. hexo clean

  46. hexo g

  47. hexo s

  48. 刷新 localhost:4000,此时你的主题更换了

  49. 主题其他细节请在主题页面自己的主题的使用指南或者使用说明查看

  50. ctrl c(退出服务)

  51. hexo d

  52. 刷新github上的那个地址(也就是你建立的仓库的名字),此时你的主题更换了

要注意的坑

  • 要安装git
  • 大部分在blog目录进行命令行的操作
  • 若出现的问题实在解决不了,可删除blog文件夹重来一次

要学习的知识

  • git相关知识
  • markdown 语法

参照的视频教程

参照的视频教程

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值