我的博客网站写作工作流（一）

最新推荐文章于 2024-08-03 00:36:32 发布

etronjay

最新推荐文章于 2024-08-03 00:36:32 发布

阅读量114

点赞数

分类专栏：写作工作流文章标签： github git ci 前端

本文链接：https://blog.csdn.net/m0_50645024/article/details/130463273

版权

写作工作流专栏收录该内容

2 篇文章 0 订阅

订阅专栏

该篇文章讲解我目前写作的工具使用，以及基本的流程。自认为是一套成熟且稳定，数据即刻安全备份，有网络即可写作，随时同步到自己的博客网站中。

背景

我在github上建好了两个私有仓库：github pages仓库 和 source仓库

我的网站是通过本地hexo加载自己做的博客网站主题hexo-theme-A4(已开源)，生成静态页面，发布代码到 github pages仓库，再用vercel容器部署 github pages代码进行互联网的访问。所以当 github pages仓库任何的改动，vercel都会拉取最新的代码进行自动网站部署更新。

github pages仓库 :博客网站源码

source仓库 :文章备份仓库

写作过程

举例说今天我想写篇文章：

打开浏览器，点击保存的书签，跳转到我github上的source仓库
在source仓库里的_post文件夹创建一个markdown文件，直接在github页面进行该markdown文件写作
写作完毕，提交commit保存

以上步骤即完成了写作文章的备份。且自己在写作过程中，只需要专注于写作这件事，不会涉及到其他东西（诸如本地数据存储，上传，部署到网站等等）。

写作注意

因为我们本质上采用的hexo的博客网站代码，所以文章需要遵循一定的要求，才能使得网站正确展示效果。

我这里唯一需要记住新写的markdown文章:

需添加如下必要的头部信息

---
title: 这里写你想要展示的文章标题 （必要）
date: 2023-04-15 17:23 （必要）
comment: false # 手动关闭该篇文章的评论系统（可选，默认打开）
---

github上新建的文章，文件后缀为.md

保存文章到本地

使用hexo搭建博客的人都知道，所有的网站上的文章都放在网站源码文件夹下的 /source/_post文件夹 下。

举例说我电脑上的网站源码文件夹名是website，那么网站上的所有文章都放在 /website/source/_post/ 目录下。

所以之所以我在github上的文章仓库取名为source，即是将电脑上的 /website/source/文件夹 和github上的 source仓库 建立了git连接。

那么保存文章到本地就好办了，无非就是git命令的使用：

命令行进入到 /website/source/文件夹
执行 git pull 命令即可

或者使用github桌面版，一键点击搞定最新文章的拉取至本地。

文章部署至网站

两种方式：

A.~~浏览器直接部署到网站~~

可以直接通过github页面进行操作，只需要将刚写好的source仓库_post文件夹里的最新文章，复制到github pages仓库里的source文件夹对应位置，即可。

通过考察，目前不推荐该方法，hexo对一篇文章的存储并不简单直接

B.本地电脑部署到网站(推荐）：

需要做如下步骤：

完成保存文章到本地的操作（上面已提及）
命令行来到 /website目录 下
执行 hexo d ，上传最新网站代码（将包含这次新增的文章）至github pages仓库

以上两种方式，都会触发vercel容器自动拉取最新的代码部署网站，我们直接浏览器访问网站将会看到最新写的文章。

看上去步骤还是有些多，事实上整体的流程十分简单，基本核心围绕github的两个仓库展开。

其他

关于直接通过github写作，我是觉得沉静感还不错，github直接编辑markdown，页面上没有其他的干扰项（如广告），可以预览，挺纯粹。只需要专心于文字的书写即可。可能有人会觉得写文章的同时看不到实时的网站效果，那我是觉得，写文章就是写文章，不用管其他任何事，专心于文字才是需要关心的事。至于网站上的效果，文章写完毕，一切都好说。