博客建站记
2021-06-07 mermaid
废话少说，效果如下，可以在 markdown 中支持流程图。
2020-12-04 JupyterBook
由于要绘制函数图像，但是直接贴图片又不是很方便，所以打算用 Python 来画图像，画出的图像再存成 svg 的格式这样就比较友好。于是学习用 matplotlib 来画函数图像。
画函数图像的过程中，发现使用 JupyterBook 比较方便，于是想着能不能直接把 JupyterBook 的结果转成 HTML，反正 Jupyter 里也能嵌入 markdown，就是没有 markdown 编辑起来友好；不过虽然 markdown 不友好，但是又打开了另一片天空啊，那是一整个 Python 的功能和逻辑。
于是，着手渲染 Jupyter 到 HTML，过程其实挺不顺利的，主要是后期 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在国内间歇性抽风有关系。
在此特别感谢：
另外今天早上醒来，看到了头版头条 巴黎圣母院大火，不觉得有些叹息，诸多人类文明的精粹又被付之一炬，尽管后来法国总统马克龙所将会重建，但是这也算是一种巨大的遗憾吧，我还没出过国呢！更别说法国了，我曾经也梦想过环游世界啊。我想很少有人没通过 维克多·雨果的《巴黎圣母院》吧。尽管我没看多，受到多年的教育，也还是对西方文化有一种崇敬的感觉。希望一切安好。
评论