返回
尝试自己创建的博客框架
编程Bbob

前因

由于编程对我来说是爱好不是工作,生活中不常写代码,有很长一段时间我都没碰过代码,怕不再进步,因此找个东西写写。

Bbob

Bbob 是我自己写的一个博客框架,有别于传统静态博客,其核心其实就是将构建好的js文件以<script>标签插入到index.html,主题就是一个网站。

前言

到目前写本文章为止,Bbob只发布了window版本,大致上是可以多平台的(基于Dotnet 6),但没时间测试和搞,便搁置了。

我打包提供在了Release中,下载压缩包即可。

由于我还不知道如何将程序作为全局命令,所以使用步骤需要先将压缩包解压,得到其中文件,复制到指定文件夹中(你的博客文件夹)。

命令简介

主要分三个命令,初始化init,新建博客文章new blog和生成博客网站generate

init

输入命令可以得到一个最初始的文件结构。其中包括重要的配置文件config.json

new <option>

新建博客文章便是输入new blog即可,目前也只有blog这个选项。新建的文章会存放到Bbob.exe程序路径下的一个articles文件夹中。

generate

程序比较核心的功能,输入命令后便生成目标博客网站。可以到Bbob.exe程序路径下的dist文件夹查询结果。

使用

  1. 首先新建一个文章,文件名可以默认也可指定,省略文件名将默认使用时间作为文件名。
    ./Bbob.exe new blog hello-Bbob
    
    直接使用new命令无需要init命令。
  2. 文件内容大致如下,打开文件./articles/hello-Bbob.md查看。
    //hello-Bbob.md
    ---
    title: hello-Bbob
    date: 2022-02-14 19:36:28Z
    ---
    
  3. 稍微编辑内容,可以添加分类以及标签
    //hello-Bbob.md
    ---
    title: Hello, Bbob! //修改标题
    date: 2022-02-14 19:36:28Z
    categories: //添加分类
        - 技术
    tags: //添加标签
        - 教程
    ---
    Hello, 今天尝试使用Bbob创建博客。
    
  4. 编辑好文件后,输入命令generate生成博客即可
    ./Bbob.exe generate
    

预览

这时可以使用工具anywhere预览你的博客。需要安装node.js。

npm install anywhere -g

发布

发布网站就像你平时如何发布网站那般操作,我是发布在github.io。

注意

如果你需要部署的网址是子域名,如www.baseurl.com/sub/,需要更改配置文件config.publicPath为你的子域名,当然也可以直接整个域名包括子域名。

// ./config.json
{
    ...
    "publicPath": "/sub"
    ...
}