好久没有静下来,写些东西了。。。做了这么多年的程序员,已经没有刚参加工作时充沛的精力和好奇心了,但是反过来,我想做一件事时,我知道我想要啥信息,我有各种办法找到我想要的信息,以快速达成目标,这或许就是经验。
最近想在网上挂个web网页,就想起来了几年前用hexo搭建的博客,地址是这个 https://zkool.gitee.io/ 想往这个博客上加个web网页。突然发现这博客的原始文件找不到了,原始文件也没上传到gitee上,这几年换了几台电脑了,最后在古董笔记本里找到了,找到后又发现这几年过去了,里面的各种依赖版本也太低了,回忆回忆重新搭吧。
需求
恢复几年前的hexo搭建的个人博客
任务解析
hexo是什么:快速、简洁且高效的博客框架。https://hexo.io/zh-cn
hexo前置环境:安装Node.js和Git;github或gitee上创建仓库并开启pages服务
开发工具用什么:前端同事都在用vscode。https://code.visualstudio.com/;不熟悉这个开发工具,装个汉化插件吧【
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
】,hexo需要用markdown写文章内容,市面上各种所见即所得工具,我们始终是懒人,装个markdown编辑器插件吧【vscode-yarkdown】。
hexo主题(皮肤):自带的默认主题太不个性了,以前找的这个【hexo-theme-aircloud】https://github.com/aircloud/hexo-theme-aircloud,就还用这个吧。
实战
hexo常用命令:
#安装hexo-cli npm install hexo-cli -g #初始化你的blog hexo init blog #进主题目录 cd blog\themes #下载主题 git clone https://github.com/aircloud/hexo-theme-aircloud aircloud #回到上级目录 cd .. #安装依赖 npm install #按需修改配置文件_config.yml #设置主题名称 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: aircloud #配置Deployment deploy: type: git repo: git@github.com:yourname/yourname.github.io.git branch: master //安装所需git插件 npm install hexo-deployer-git --save hexo clean #清空缓存 hexo g #完整命令为hexo generate,用于生成静态文件 hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览 hexo d #完整命令为hexo deploy,用于将本地文件发布到github或gitee上 hexo n #完整命令为hexo new,用于新建一篇文章
hexo d会发布到git服务端,对应git服务(github或gitee)的pages能力,怎么配置pages可自行百度学习,当是给想动手操作的同学留的作业。
注意事项
hexo d 命令发布到git服务上的内容是hexo生成的博客的静态文件,并不是原始博客markdown文件
为了避免博客原markdown文件丢失,还需要建立一个git仓库,把原文件也管理起来
git init
git remote add origin 仓库url
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 2459501893@qq.com