2025年7月

[TOC]

引言

typecho网站后台里可以撰写并发布markdown格式的文章,但是我大部分笔记是在本地typora里写的。直接复制到后台里发布是一种可行的方式,但是markdown里的图片比较难处理,要手动上传为附件,还要替换链接。我检索了typecho上传文章的方式,其中搞定 Obsidian 笔记一键发布到 Typecho 博客的方案是MetaWeblog API(基于 XML-RPC 的标准化接口规范,定义了文章、分类、标签等核心资源的 CRUD(增删改查)方法,使外部工具能以统一方式管理多平台博客)。我没有选择MetaWeblog API,因为在我实现我的思路模拟登录+post并写这篇博客之前还没有详细了解它,稍微了解它之后我认为MetaWeblog API应该比我的方案容易实现。相比之下,我的方案像是钻木取火。

目前我的方案成效差强人意,有空再尝试MetaWeblog API

我的方案主要分为两部分,首先是对文章里图片的处理,一般是托管到图床上,但是找价格合适的图床有点浪费时间,我决定直接将提取文章里的图片路径,然后上传到服务器上,上传文章前替换图片路径,上传图片时,我顺便把markdown原文也上传了,作为备份,同步到github仓库。

第二部分是如何登录并发布,我发现原来在浏览器里登录的链接并不是实际post的目标链接,这一点困住我好久,以及post以后链接的重定向,我在查看服务器nginx日志时才意识到链接重定向,需要在post时允许重定向。

上传图片

测试路径

首先用scp测试一下 ssh免密登录以及读写权限有没有配置好

scp -i D:\.ssh\id_rsa E:\2025\暑期学校报名\assets\image-20250630175256175.png hh@strangeloop.fun:/var/www/typecho/assets/test3.png  # hh用户对该目录没有权限
ssh -i D:\.ssh\id_rsa hh@strangeloop.fun

原本打算直接将图片上传到网站根目录,但是我用来上传图片的用户没有读写该位置的权限。安全起见,我不想直接用root用户上传或者修改目录权限,我选择将图片上传到当前用户(hh)有权限的目录,然后再通过软链接(symbolic link)暴露到网页服务目录中。如下:

mkdir /home/hh/blog && cd blog
mkdir assets
ln -s /home/hh/blog/assets /var/www/typecho/assets  # 软链接
scp -i D:\.ssh\id_rsa E:\2025\暑期学校报名\assets\image-20250630175256175.png hh@strangeloop.fun:/home/hh/blog/assets/test.png
#  blog用来备份博客
# strangeloop.fun/assets/test.png

image-20250706145859046

链接成功,访问网址,能访问图片,配置成功。正常情况下链接应该是绿色与蓝色,如果链接显示为红色,大概率是目标地址不存在,链接失败。

图片提取

这里直接用正则表达式匹配![图片描述](路径),typora里我设置图片存储路径为./assets/xxx.jpg,提取图片路径的正则表达式:

pattern =r'!\[.*?\]\(\.\/(assets/.*?)\)|<img\s+[^>]*src="\.\/(assets[^"]+)"'  
# 匹配 ![图片描述](https://strangeloop.fun/assets/图片路径) 的正则表达式  输出 assets/2023-10-01-1.png 这种格式

AI写的正则表达式总是离需求差一点点,所以我不得不回忆一下正则表达式。🐿️😑

最初我只提取了markdown语法的图片格式,但是后来我发现typora里的图片插入有两种语法:md和html

![alt](src)
<img src="src" alt="alt" style="zoom:xx%; float:left;"/>

html图片语法支持更多的图片操作,如缩放、调整位置。所以在代码里加入了对html语法图片的提取。

  • re.findall(pattern, string, flags=0):在字符串中查找所有与正则表达式匹配的非重叠子串,返回列表
  • re.sub(pattern, repl, string, count=0, flags=0):查找匹配正则表达式的子串,用指定内容替换

上传图片与文件

paramiko库,创建ssh连接

ssh = paramiko.SSHClient()
    ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())
    ssh.connect(REMOTE_HOST, username=REMOTE_USER, key_filename=os.path.expanduser(SSH_KEY_PATH))
    sftp = ssh.open_sftp()

这一部分比较令人头疼的是文件路径处理,程序在windows上运行,上传图片到linux服务器上,但也就是调不同的库

# 文件路径
file_name = Path(local_md).name
remote_md_path = posixpath.join(REMOTE_BLOG_PATH, file_name)

图片链接替换

这里主要也是正则表达式,替换图片路径之后的md用于后续的上传

    content = re.sub(html_pattern, replace_html, md_content)
    content = re.sub(markdown_pattern, replace_markdown, content)

模拟登录

这里和后面的发布差不多,get登录时浏览器显示的链接,提取实际的登录链接,然后post

发布文章

image-20250705214442228

提取该链接

def extract_post_action_url(html):
    soup = BeautifulSoup(html, "html.parser")
    form = soup.find("form", {"name": "write_post"})
    if not form:
        raise Exception("❌ 未找到登录表单")
    return form.get("action")

测试

python .\publish2typecho.py --md E:\2025\博客\typecho设置.md --tags xx,xx,xx --category 折腾

image-20250707000702247

发布成功

思考

typecho里的markdown不支持文章目录,我尝试了加入tocbot ,效果一般而且难看,我不太了解前端。然后我发现两点:

  • typora能带格式导出html,并且支持目录和侧边栏
  • typora导出里可以设置运行自定义命令

所以显然我可以设置自定义命令为运行typecho自动发布的程序,这样导出的同时可以直接发布,甚至不用我手动执行脚本。实现这一点我需要做的是:读取html,上传图片,更换图片路径,发布(通过MetaWeblog API 实现)。等我有空再做。🐿️🤖

https://www.oceanbase.com/docs/community-developer-quickstart-10000000000627365

https://oceanbase.github.io/miniob/how_to_build/

环境配置

  • CMake:3.10 版本以上。
  • GCC/Clang:GCC 建议 8.3 版本以上,编译器需要支持 C++20 等新标准

gcc 9.4 cmake 3.16

sudo apt install cmake git
gitee 配置ssh
ssh-keygen -t rsa -C "szh-nine@outlook.com" 
# 将~/.ssh/id_rsa.pub 里的公钥添加到gitee里
ssh -T git@gitee.com  # 连接
git remote add origin git@gitee.com:si-zihui/MiniOb.git
git remote set-url origin git@gitee.com:si-zihui/MiniOb.git
git remote -v # 检查远程仓库url设置,若为https,则即便设置了ssh也要输入密码,必须为git
git init
git add .
git commit -m "init"
git branch -m main master # 将main分支重命名为master
git push -u origin master # 提交代码

构建miniob

https://github.com/skyitachi/miniob/blob/main/docs/how_to_build.md

下载代码

git clone 连接断开,直接到github下载,上传到服务器

git clone https://github.com/oceanbase/miniob.git
git clone git@github.com:oceanbase/miniob.git

过了一段时间又连接上了

安装依赖库
bash ./build.sh init

这会安装几个依赖库,在github上,总之绕不过github,换成ssh协议链接正常一点

# git submodule foreach 'git config submodule.$name.url git@github.com:$name'
git submodule sync # 同步gitmodule信息
git submodule deinit -f . # 清理缓存
git submodule update --init --recursive --force  # 自动下载子模块,还需要编译

image-20250630180000665

image-20250630175256175

编译
bash ./build.sh

image-20250630175704703

GCC 9.4 支持 C++20 的部分特性(如概念、协程的实验性支持),但 <span> 头文件(标准库中的 std::span)在 GCC 9.4 中尚未完全实现

编译gcc11
sudo apt install gcc-11 g++-11  #升级

软件源里没有高版本的gcc,所以下载源码编译

gnu 镜像站列表 https://www.gnu.org/prep/ftp.html

选择中科大镜像 https://mirrors.ustc.edu.cn/gnu/gcc/gcc-11.3.0/gcc-11.3.0.tar.gz

安装在默认路径/usr/local

wget https://mirrors.ustc.edu.cn/gnu/gcc/gcc-11.3.0/gcc-11.3.0.tar.gz
tar xzvf gcc-11.3.0.tar.gz
cd gcc-11.3.0

# 下载依赖
./contrib/download_prerequisites

# 配置。可以通过prefix参数设置编译完成的GCC的安装目录,如果不指定,会安装在/usr/local下
# 可以配置为当前用户的某个目录
./configure --prefix=/your/new/gcc/path --enable-threads=posix --disable-checking \
    --disable-multilib --enable--long-long --with-system-zlib --enable-languages=c,c++

# 开始编译
make -j

# 安装
# 编译产生物会安装到 configure --prefix指定的目录中,或系统默认目录下
make install

# 修改环境变量
# 可以将下面的配置写到 .bashrc 或 .bash_profile 中,这样每次登录都会自动生效
export PATH=/your/new/gcc/path/bin:$PATH
export LD_LIBRARY_PATH=/your/new/gcc/path/lib64:$LD_LIBRARY_PATH
export CC=/your/new/gcc/path/bin/gcc
export CXX=/your/new/gcc/path/bin/g++

# NOTE: 上面的环境变量CC和CXX是告诉CMake能够找到我们的编译器。cmake优先查找的
#       编译器是cc而不是gcc,而一般系统中会默认带cc,所以使用环境变量告诉cmake。
#       也可以使用 cmake 参数 
#       `-DCMAKE_C_COMPILER=/your/new/gcc/path/bin/gcc -DCMAKE_CXX_COMPILER=/your/new/gcc/path/bin/g++`
#       来指定编译器

服务器内存占用过多,崩了

  • 清理残留编译文件

    make clean    # 删除大多数生成的文件
    make distclean # 彻底清理(若配置错误需重新配置时使用)
    # 无效

    直接删除build文件

    rm -rf build-x86_64-pc-linux-gnu/
  • 重新编译

    make -j # 自动使用当前 CPU 核心数(线程数)个并发任务来编译,服务器内存小多线程容易崩,建议使用较小的线程数
    make -j1 

    image-20250701042041073

    单线程执行了五六个小时,然后安装

    sudo make install 

    添加环境变量 至~/.bashrc或者/etc/profile

    维度~/.bashrc/etc/profile
    范围用户级系统级
    时机每次非登录 Shell 启动用户登录时
    用途个性化终端配置全局环境与系统配置
    # /usr/local/
    export PATH=/usr/local/bin:$PATH
    export LD_LIBRARY_PATH=/usr/local/lib64:$LD_LIBRARY_PATH
    export CC=/usr/local/bin/gcc
    export CXX=/usr/local/bin/g++
重新编译miniob

gcc升级后,之前安装的依赖库可能不兼容,所以重新下载

./build.sh

出现同样的错误,查看日志,发现使用的仍为旧版本

bash ./build.sh 
THIRD_PARTY_INSTALL_PREFIX is /home/hh/miniob/deps/3rd/usr/local
./build.sh 
Build type: debug
create soft link for build_debug, linked by directory named build
cmake -DCMAKE_EXPORT_COMPILE_COMMANDS=1 --log-level=STATUS /home/hh/miniob -DCMAKE_BUILD_TYPE=debug
-- The C compiler identification is GNU 9.4.0
-- The CXX compiler identification is GNU 9.4.0

修改build.sh,指定编译时的gcc和g++

CMAKE_COMMAND='cmake \
  -DCMAKE_EXPORT_COMPILE_COMMANDS=1 \
  -DCMAKE_C_COMPILER=/usr/local/bin/gcc \
  -DCMAKE_CXX_COMPILER=/usr/local/bin/g++ \
  -DCMAKE_CXX_STANDARD=20 \
  -DCMAKE_EXE_LINKER_FLAGS=-Wl,-rpath=/usr/local/lib64 \
  --log-level=STATUS'

再次编译

image-20250701155649901

系统缺少 flexbison 工具,它们是用于生成词法分析器(.l 文件)和语法分析器(.y 文件)代码的工具

sudo apt install flex bison

再次编译,编译成功!

image-20250701162133123

运行

以直接执行命令的方式启动服务端程序

sudo ./bin/observer -f ../etc/observer.ini -P cli

若启动失败,如下图

image-20250703154638028

创建目录需要sudo权限

image-20250701180313721

开发环境搭建

安装插件

cmake c++

[submodule "deps/3rd/libevent"]
    path = deps/3rd/libevent
    url = git@github.com:libevent/libevent.git
[submodule "deps/3rd/jsoncpp"]
    path = deps/3rd/jsoncpp
    url = git@github.com:open-source-parsers/jsoncpp.git
[submodule "deps/3rd/googletest"]
    path = deps/3rd/googletest
    url = git@github.com:google/googletest.git
[submodule "deps/3rd/benchmark"]
    path = deps/3rd/benchmark
    url = git@github.com:google/benchmark.git
[submodule "deps/3rd/replxx"]
    path = deps/3rd/replxx
    url = git@github.com:AmokHuginnsson/replxx.git

手动编译gdb

gcc11.3 适配的gdb版本为11.1 10.2

https://mirrors.ustc.edu.cn/gnu/gdb/gdb-11.1.tar.gz

wget https://mirrors.ustc.edu.cn/gnu/gdb/gdb-11.1.tar.gz
tar xavf gdb-11.1.tar.gz
cd gdb-11.1
sudo apt install expect dejagnu gawk texinfo
# 忘记创建build目录了
mkdir build
cd build

../configure
make -j1
sudo make install

备案号 网站运行天数

修改文件 ./usr/themes/defult/footer.php

获取的时间是unix时间戳,从1970年1月1日(UTC/GMT的午夜)开始所经过的秒数(不考虑闰秒)

运行天数 = round((当前时间 - 网站创建时间)/86400)

网站创建时间:2025-06-27 00:15 = 1750954500

<footer id="footer" role="contentinfo " style="line-height: 0.4;">  
    &copy; <?php echo date('Y'); ?> <a href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title(); ?></a>.
    <?php _e('由 <a href="https://typecho.org">Typecho</a> 强力驱动'); ?>.
<div class="stats-container" style="margin: 5px 0;">
            <p>本站已运行 <?php echo round((time() - 1750954500) / 86400); ?> 天</p>
            <?php $this->widget('Widget_Stat')->to($stat); ?>
        </div>
 <p style="margin-top: 5px 0; font-size: 14px; color: #666;">
    备案号:<a href="http://www.miitbeian.gov.cn" target="_blank">豫ICP备2023035002号-1</a>
   </p>
</footer><!-- end #footer -->
  • style="line-height: 0.4;用于调整行间距,默认间距太大,不美观

最终效果如下:

image-20250706162834216

调整字号

./usr/themes/default/style.css

默认字号略小,修改下面的font-size

.post-content, .comment-content {
  line-height: 1.5;
  word-wrap: break-word;
  font-size:17px;
}

字体

./usr/themes/default/style.css

  • 下载喜欢的字体仓耳今楷,下载位置自定义,我这里的相对路径fonts/canger.woff2和style.css位于同一目录下,绝对路径就随便写
  • 转换为woff2格式,修改./usr/themes/default/style.css,把新字体的定义加到最前面

    @font-face {
        font-family: 'canger';
        src: url('fonts/canger.woff2') format('woff2'),
               url('fonts/canger.woff') format('woff'),
           url('fonts/canger.ttf')format('ttf'),
           url('fonts/canger.otf')format('otf');
        font-weight: normal;
        font-style: normal;
    }
  • font-family 里有很多字体,越在前面优先级越高,把canger放在最前面

    body {
      background-color: #FFF;
      color: #444;
      /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      font-family: "canger", "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif;
      font-size: 100%;  # 缩放比例
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: "canger", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei","Microsoft Yahei", sans-serif;
    }

保存以后刷新网页,字体包比较大,一般要等一会才加载出来。这一点应该可以改进。