找回丢失的hexo博客-2023.12

  1. 需求
  2. 任务解析
  3. 实战
  4. 注意事项

好久没有静下来,写些东西了。。。做了这么多年的程序员,已经没有刚参加工作时充沛的精力和好奇心了,但是反过来,我想做一件事时,我知道我想要啥信息,我有各种办法找到我想要的信息,以快速达成目标,这或许就是经验。

最近想在网上挂个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可自行百度学习,当是给想动手操作的同学留的作业。

  • 视频介绍地址:https://www.bilibili.com/video/BV1YN4y1s7RE

注意事项

  1. hexo d 命令发布到git服务上的内容是hexo生成的博客的静态文件,并不是原始博客markdown文件

  2. 为了避免博客原markdown文件丢失,还需要建立一个git仓库,把原文件也管理起来

git init
git remote add origin 仓库url

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 2459501893@qq.com

×

喜欢就点赞,疼爱就打赏

UDI解析 H5条码枪