搭建博客

搭建Hexo博客

根据程序羊的视频搭建而成,整理下步骤和与当时不同之处

https://www.bilibili.com/video/BV1Yb411a7ty/

1. 安装node.js与npm

略。

有“魔法”的不需要下载cnpm包,此后以npm为例

2. 安装Hexo

npm install -g hexo-cli

hexo -v 查看是否安装成功

3. 选址

在合适的地方新建一个专门用于存放博客的文件夹(假设文件夹名为 blog ,并且看做根目录),在该路径下开始操作。

  • 执行 hexo init 初始化,Linux\MacOS 需要 sudo权限

  • 生成一些文件与文件夹,一些配置在文件 blog/_config.yml

4. 部署至GitHub的准备工作

  1. 在该路径下执行命令: npm install --save-deployer-git 安装相关工具

  2. 在GitHub新建仓库,仓库名必须为: GitHub的用户名.github.io

  3. 更改_config.yml文件中的内容(在最后):

    1
    2
    3
    4
    deploy:
    type: git
    repo: git仓库地址
    branch: master
  4. GitHub更新了认证方式,具体操作可以参考这一篇博客

5. 相关命令

  1. 运行(本地预览): hexo s

  2. 写新的博客: hexo n "文件名"

  3. 写好之后生成静态网站: hexo g

  4. 清空第三步生成的文件: hexo clean

  5. 推送至GitHub(会有一定的延迟): hexo d

    使用“魔法”后,GitHub需要设置代理

    git config --global http.proxy http://127.0.0.1:port

    git config --global https.proxy https://127.0.0.1:port

6. 更换主题

可以直接在搜索引擎搜索相关关键字,例如hexo 主题,以我现在使用的Fluid为例

GitHub地址: https://github.com/fluid-dev/hexo-theme-fluid/tree/master

  1. 在博客目录下克隆, 至blog/themes文件夹下: git clone https://github.com/fluid-dev/hexo-theme-fluid/tree/master themes/fluid
  2. 更改blog/_config.yml 第100行,将theme: 后改为fluid
  3. 更多具体配置参考官方文档: https://hexo.fluid-dev.com/docs/guide/
  4. 大段文字需要换行需要使用HTML语法

7. 其他

这里面还有很多有意思的功能没探索、没开发。留给接下来的时间。也慢慢优化这个小网站。

参加“代码随想录”的训练营,虽然有点晚,但是还来得及。搭建了一个博客,主要还是写给自己,记录这一路的成长,当然也不单单的只这一路。

很喜欢郭帆导演的一句话,让我放在了首页开屏

==如果你想再次拥有你从未有过的东西,那么你必须再次去做你从未做过的事情。这还不是结束,这是再次的开始!==


搭建博客
https://promisewang.github.io/post/5c83b0d3.html
作者
Promise
发布于
2023年9月19日
许可协议