20201222 本站写作方法

发表于 | 分类于

昨天被 yuli 问了这回事，写一下吧

新建文章

首先是打开 hexo s 然后新建一篇文章

新建之前，需要想好两点

  1. 文章标题
  2. 文章分类

因为 hexo 不会上传 markdown 源文件，所以在本地需要有个办法管理这些源文件，我在此处加个前缀

比如说，当文章是 others 或 diary 分类的时候（比如本文），就直接用日期作为前缀

再比如一篇 frontend 分类的文章，就用”前端”当前缀，如”前端-webpack 入门 1”

创建之后，因为 admin 会自动进入编辑页面，所以我也就顺手在编辑页面做一些设定

文章初始化

主要在 admin 提供的编辑页面做如下工作：

  1. 在文章 title 处去除前缀，只保留文件名上的前缀

  2. 在右侧设置一下文章的目录和标签

  3. 写一下文章的缩略语和 more 注释，例如本文就写以下部分

    1
    2
    3
    昨天被 yuli 问了这回事，写一下吧

    <!--more-->

这样，在 admin 上的部分就完成了，现在关掉本地服务器，改用 typora 写文章

准备写文章

用 typora 打开文章后，需要做以下工作

  1. 打开源代码模式，为本文附加一个 id（为了部署后文章路径好看）
  2. 回到渲染模式，全程使用渲染模式写文章
  3. 在 more 注释后加上分割线，在结尾处也加上分割线
  4. 拟定文章目录，先写好目录再填充内容

文章内联资源

一篇文章内一般会有各种其它资源，比如图片，比如下载

我采取的策略如下

  1. 能不能使用代码段表示？能就仅使用代码段
  2. 不能做到 1，那能不能使用图片表示？能就仅使用图片
  3. 最后才选择提供下载

在使用图片的时候，我一般采取以下方案

  1. 在专门的图片文件夹 “hexo 图片” 下新建一个图片文件夹，该文件夹名字与当前文章的 id 一致

  2. 当前文章所涉及的新图片都保存到该文件夹下，每个图片都命名为

    1
    `${id}-${index}.(png|jpg)`

    然后通过 markdown 图片引入的方式先插进文章中以便浏览

  3. 当文章完成后，将所需图片都上传到 cdn，再 ctrl+r 替换文章中对图片的引用路径

  4. 检查文章，提交

若是提供下载，则是先预留超链接位置，写完文章后执行与图片第 3、第 4 步相同的步骤

以上

感谢阅读

--It's the end.Thanks for your read.--