博客建站记

创建时间 2019-04-16
更新时间 2022-05-31

2021-06-07 mermaid

废话少说,效果如下,可以在 markdown 中支持流程图。

graph TD; A-->B; A-->C; B-->D; C-->D;

2020-12-04 JupyterBook

由于要绘制函数图像,但是直接贴图片又不是很方便,所以打算用 Python 来画图像,画出的图像再存成 svg 的格式这样就比较友好。于是学习用 matplotlib 来画函数图像。

画函数图像的过程中,发现使用 JupyterBook 比较方便,于是想着能不能直接把 JupyterBook 的结果转成 HTML,反正 Jupyter 里也能嵌入 markdown,就是没有 markdown 编辑起来友好;不过虽然 markdown 不友好,但是又打开了另一片天空啊,那是一整个 Python 的功能和逻辑。

于是,着手渲染 JupyterHTML,过程其实挺不顺利的,主要是后期 Jupyter 的 css,比较折腾。不过好在经过一段时间的折腾,最后还是心满意足了。

下面贴上 Jupyter 测试页面 ,这玩意儿好是好,但是有一个致命的缺点,那就是渲染出来的内容尺寸特别大,所以如果网络不好的话,体验很差,官方的 css cdn,里的内容又和我自己的 css 有冲突,所以不知道如何是好,于是只能自己慢慢调整 css,最后反正看起来还不错。

当然,不能忘了初心,我当然是为了画函数图像,那么下面就是今天画函数图像的成果了。

一些重要的函数图像,当然了,这个页面稍微有点大,打开应该比较慢。

心中有丘壑,眉目作山河。

2021-12-13 我把 Jupyter 的风格和 Markdown 做了统一,也就是用 Jupyter 转成 Markdown,然后再用 Markdown 转成 HTML。


2019-05-17 目录

今天看到博客页面如果超长的话,左侧会空出很大一块地方,感觉页面就不是很平衡了。

于是在左侧添加了 sticky 的目录,然后这部分空间就被目录占用了,而且检索的时候还特别方便。


2019-04-28 音视频播放器

使用了 jplayer 解析了音视频控制器,由于直接使用 audio 标签,显示不够友好,所以经过一番折腾,使得UI更加的贴合 semantic ui。

下面听一下 梁静茹的《情书》


2019-04-26 删除线

加入了专题,可以将一个系列的文章全部加入一个专题,然后便于管理。另外优化了更新的算法,使得程序更加友好。修复了删除线无法显示的bug。

http://blog.ccyg.studio/topic_list

哈哈,我是删除线,😄😄😄


2019-04-21 css/js

博客里很多地方可能需要用到网站的css和js文件,那么很多时候需要去别的地方或者网站源码里寻找,虽说这样可以,但是总是不是那么的方便。于是,那么今天就独立放到这里,可以在编辑的时候方便的找到。

<!-- css -->

<link href="https://fastly.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" rel="stylesheet">

<!-- javascript -->

<script src="https://fastly.jsdelivr.net/npm/jquery@3.4.0/dist/jquery.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>

<!-- p5.js -->
<script src="https://fastly.jsdelivr.net/npm/p5@0.8.0/lib/p5.min.js"></script>

<!-- jplayer -->
<script src="https://fastly.jsdelivr.net/npm/jplayer@2.9.2/dist/jplayer/jquery.jplayer.min.js"></script>

<!-- function-plot -->
<script src="https://unpkg.com/d3@3/d3.min.js"></script>
<script src="https://unpkg.com/function-plot@1/dist/function-plot.js"></script>

2019-04-18 color

博客中有很多流程图是用 visio 2016 绘制的,同一使用主题 Daybreak,与semantic-ui还有博客标题,这些有一些颜色值,这里记录以下。以备查询:


2019-04-16 markdown

通过一个多星期的努力,我终于把博客的网页写好了,其中从新定义了博客的各个字段。增强了代码的可读性和程序的可扩展性。将 markdown 解析成为网页,更加美好的展现出来。另外把博客迁移到了github。

以及加入了 gitalk 的评论系统。使得其他人也尽我最大的可能地参与到这个博客中来。这是我现在能想到的最好的方式了。

成功的使用 svg 替代了之前的 png 作为乐谱的图片格式,这样的好处不言而喻,一方面 svg 显示更加的清晰,另一方面 svg 矢量图格式的大小在色彩单一的情况下要比 png 这种位图格式小很多。这样也另外地加快了网站的相应速度。不过实测有时图片还是显示不出来,这与github在国内间歇性抽风有关系。

在此特别感谢:

另外今天早上醒来,看到了头版头条 巴黎圣母院大火,不觉得有些叹息,诸多人类文明的精粹又被付之一炬,尽管后来法国总统马克龙所将会重建,但是这也算是一种巨大的遗憾吧,我还没出过国呢!更别说法国了,我曾经也梦想过环游世界啊。我想很少有人没通过 维克多·雨果的《巴黎圣母院》吧。尽管我没看多,受到多年的教育,也还是对西方文化有一种崇敬的感觉。希望一切安好。