热门文章
最新发布
-
我的个人博客搭建历程 前言 一直以来,我都希望拥有一个个人网站,这些年来也尝试过很多次,接触了一些相关知识。 最初是在大学期间,自学了一段时间HTML语法,仿照学校教务处网站写了一个很粗糙页面。印象中主页是类似表格形式的一堆链接,点开后可以跳转到相应的页面,页面布局非常丑,颜色也只有黑色和链接的蓝色。最终由于只懂一点html的皮毛知识,鉴于实现一个网站的工作量巨大,且很多功能都实现不了,在写了几个界面后就不了了之了。 大学毕业后,有段时间一个程序员朋友搞了一个个人网站,但只是搭建了框架。我听说后就找他要了一个账号,上去逛了一圈,总觉得有各种不满意的地方。跟他讨论后,觉得还是自己从底层写才能够得到自己想要的内容。在他的建议下,我自学了两周的vue,跟着网上的视频教程写了一些简单的框架。然后我发现,因为完全没有美术功底,即使学会了这些,也设计不出来满意的页面,而且他说还要学习其他的东西,仅靠vue是不行的。至此,再次搁浅。 至于为什么不使用网站搭建软件,是我觉得那些不能够搭建出我想要的内容。直到有一天我跟一个师弟聊搭建博客网站的事情,他说现有的搭建工具足以设计出想要的网站。 之后的一个假期,我再次萌生了搭建网站的念头,并想起了师弟的话。于是我按照网上的教程,安装了宝塔面板,使用Wordpress搭建了一个“Hello World”网站,并从阿里云购买了一年的云服务器和域名。在了解到需要域名备案以及公安备案后,申请填了一半,发现很多东西都不知道怎么写,也没找到说的清楚的教程。假期结束后,这个事也就没有了后续,云服务器有效期内的一年,也就偶尔通过公网IP访问下“Hello World”网站。 再后来,我觉得网站只是一个工具,重要的是博客本身,记录与分享才是核心,与其花大量的时间和精力搭建一个永远不会使用的网站,不如养成写笔记的习惯,然后把有用有价值的东西分享到现有的博客网站上。于是我开始利用起来几年前注册的CSDN账号,并注册了微信公众号以及博客园的账号。CSDN用来写程序相关的,博客园用来写科学相关的,公众号用来分享生活。 这个时候,我想个人网站可能跟我再无瓜葛了。 入坑——感谢Hexo 一个多月前,我在B站偶然刷到一个名称大概叫《半小时搭建一个博客网站》的视频,里面讲述的是如何使用Hexo + GitHub Pages搭建博客网站,up主在视频最后说到“先做起来,网站搭建好了,用起来了,之后再怎么修改都可以,如果一直不行动不会有任何结果”。这句话触动了我,于是我立刻按照视频教程搭建了一个静态博客网站,上传了几个之前写的md文件,渲染效果也不错。之后的几天,我购买了一个域名,并尝试了众多主题,最终确定了butterfly主题。 秉持着内容大于形式的理念,我想着Hexo博客可能就是我的最终归宿了,重要的是坚持写博客,记录与分享自己的知识、经验与生活。 在用了几天后,发现搭建在GitHub上访问容易受限,于是在腾讯云上购买了一个云服务器,并折腾了一天多把网站从GitHub移植到了云服务器上。然后我又发现,Hexo博客虽然非常轻便简洁,但图片、文件上传非常麻烦,即然都购买了域名和服务器,那不如搭建一个有后台、可操作性更高的网站。这段时间同时进行了域名备案流程。 看了很多视频教程后,大致了解到四种博客网站框架,分别是Hexo、Halo、Wordpress和Typecho。后面三种都有后台,可操作性比较高。在横向对比了一番,以及测试搭建后,想着作为一个轻微强迫症,与其后期再迁移,不如直接选择最为强大的Wordpress,以免后续返工。 使用Wordpress搭建后之后,尝试了市面上主流推荐的几乎所有的免费主题,但界面上都不能让我完全满意,然后又不想直接购买付费主题,以免买了又不喜欢。就在纠结之时,发现了blocksy主题,可以完全定制页面结构,而且不需要接触任何代码,最重要的是免费版的功能就已经非常强大。于是,花了半天的时间,初步设计了页面布局,并在最近的一个月修修补补。 这期间发了一些博客分享生活,也写了一点工作学习中解决的问题。 深入——“处女座”的老毛病 Wordpress + blocksy主题搭建的网站在布局上让我非常满意,非常的简洁,但也遇到了一些问题。 最初遇到的问题有LaTeX公式显示不友好、Markdown语法的支持不友好等。对于这两个问题,我采用了Typora导出无格式HTML文件,然后复制HTML代码到编辑器中,得到了一定的解决,但页面渲染的时候,会出现格式、间距变得混乱的情况,每次都要全文检查一遍。 博客文章中总会出现代码,代码高亮在美观方便就很重要。但不知为何,Wordpress并没有一个很好用的高亮插件(可能是我没找到),尤其是在显示Fortran程序时(上古语言不配高亮吗)。 这段时间经常会在网上搜一些Wordpress和blocksy主题的视频教程,看了一圈后发现,使用Wordpress的人好像更关注商业方面的界面设计,而不怎么在乎写博客的体验。这时候我重新开始了博客框架的调研,并整理分析了这段时间来对博客网站的需求。 对我而言,写博客分享是主要目的,所以对博客框架的需求有以下几点: 对Markdown语法支持友好:习惯了使用Typora做笔记,不能直接粘贴过去很难受 对LaTeX语法支持友好:数学是一切科学的基石,优雅的显示公式很重要 可简单的实现代码高亮:必须可以支持Fortran语法,我只是想要代码好看些 可简单的实现明亮/暗黑模式切换:不能关灯的网页不是好网页 布局美观、对称:说的就是你——侧边栏,文章页如果不居中,我就浑身难受,而且文章页的侧边栏除了目录都是多余的。不少主题就是因为侧边栏的可操作性太低而被我嫌弃 即然明确了需求,框架的选择就有了标准,接下来就是对各个框架进行测试以及打分评级,于是我在本地使用Halo和Typecho分别搭建了博客网站。 Wordpress毕竟使用了一个多月,也主观的打下分吧,如下: Wordpress Markdown语法支持:1分 LaTex语法支持:2分 代码高亮:2分 明亮/暗黑模式:3分 布局美观、对称:4分 至于LaTeX插件提供的短代码,我是不可能用的,Typora不支持的东西没有任何价值。 Halo博客是一个新兴的博客框架,基于Java开发,我测试的是当前最新版2.5.2,由于他们的开发团队非常活跃,所以天然有一个很不错的印象。经过我的测试,主观评分如下: Halo博客 Markdown语法支持:5分 LaTex语法支持:5分 代码高亮:5分 明亮/暗黑模式:3分 布局美观、对称:2分 后两项其实是由主题决定的,但Halo 2.0可供选择的主题非常少,而且个个都不能让我满意,谁让我是处女座呢。 Typecho在2017年更新了1.1版本,2022年才更新1.2版本,这个更新频率让我对其产生了天然的坏印象。但Halo已经在我这里倒了,网上对Typecho的评价还都挺高,就也测试了下。测试后,我的主观评分如下: Typecho Markdown语法支持:5分 LaTex语法支持:5分 代码高亮:5分 明亮/暗黑模式:5分 布局美观、对称:4分 这个评分有大的原因是joe主题的加持,测试结果出奇的好。对于最后一项,本来评分只有2分,但joe主题是完全开源免费的,可操作空间非常大。比如我不喜欢侧边栏有作者信息、文章页有除目录以外的侧边栏内容、评论区的存在等等,都可以直接去源代码删除相应的内容或修改。最重要的是,我想要的内容基本都有,删代码比写代码容易多了。 最终我确定了使用Typecho + joe主题搭建博客,然后在迁移数据的时候,发现WordpressToTypecho插件是官方不知道多少年前发布的,官方写着仅支持Wordpress 2.7版本,而现在是6.2版本,测试了下非常不好用。emmm,幸亏我的博客文章还不多,一条条搬吧。 总结 折腾了许久,终是找到了一个比较满意的博客框架和主题,值得记录一下。
-
typecho-joe主题改动笔记 1 代码改动——根目录 1.1 文章:删除评论和侧边栏 文件位置:post.php 删除评论组件引用:删除如下代码 <?php $this->need('public/comment.php'); ?> 删除侧边栏组件引用:删除如下代码 <?php $this->need('public/aside.php'); ?>1.2 页面:删除评论和侧边栏 文件位置:page.php 删除评论组件引用:删除如下代码 <?php $this->need('public/comment.php'); ?> 删除侧边栏组件引用:删除如下代码 <?php $this->need('public/aside.php'); ?>2 代码改动——公共资源 2.1 侧边栏:删除作者栏 文件位置:public/aside.php 删除作者栏:删除joe_aside__item author,即删除如下代码 <section class="joe_aside__item author"> <img width="100%" height="120" class="image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="<?php $this->options->JAside_Author_Image() ?>" alt="博主栏壁纸" /> <div class="user"> <img width="75" height="75" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php $this->options->JAside_Author_Avatar ? $this->options->JAside_Author_Avatar() : _getAvatarByMail($this->authorId ? $this->author->mail : $this->user->mail) ?>" alt="博主头像" /> <a class="link" href="<?php $this->options->JAside_Author_Link() ?>" target="_blank" rel="noopener noreferrer nofollow"><?php $this->options->JAside_Author_Nick ? $this->options->JAside_Author_Nick() : ($this->authorId ? $this->author->screenName() : $this->user->screenName()); ?></a> <p class="motto joe_motto"></p> </div> <?php Typecho_Widget::widget('Widget_Stat')->to($item); ?> <div class="count"> <div class="item" title="累计文章数"> <span class="num"><?php echo number_format($item->publishedPostsNum); ?></span> <span>文章数</span> </div> <div class="item" title="累计评论数"> <span class="num"><?php echo number_format($item->publishedCommentsNum); ?></span> <span>评论量</span> </div> </div> <?php if ($this->options->JAside_Author_Nav !== "off") : ?> <ul class="list"><?php _getAsideAuthorNav() ?></ul> <?php endif; ?> </section>3 CSS样式改动 3.1 内容自动居中、固定内容宽度 assets/css/joe.normalize.min.css文件,删除所有@media,改动.joe_main和.joe_container如下 .joe_main { min-width: 0; flex: 1; padding: 15px 0; max-width: 900px; margin: auto; } .joe_container { display: flex; width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1100px } assets/css/joe.post.min.css文件,改动.joe_bread如下 .joe_bread { padding-top: 15px; max-width: 930px } assets/css/joe.global.min文件,改动.joe_header__below-class如下 .joe_header__below-class { display: flex; margin: auto } assets/css/joe.global.min文件,改动.joe_header.active.current .joe_header__below-titles如下 .joe_header.active.current .joe_header__below-title { display: block; margin: auto }3.2 表格根据内容自动调整宽度 assets/css/joe.global.min.css文件,改动.joe_detail__article table 如下 .joe_detail__article table { width: 100%; max-width: 100%; table-layout: auto; color: var(--minor); margin-bottom: 18px; font-size: 13px; border-top: 1px solid var(--classC); border-left: 1px solid var(--classC) }
-
博客搭建遇到的问题 目前尝试了不同的博客框架进行博客网站搭建,列举下各个框架的优点和遇到的问题。 Hexo 优点 轻量、简洁,加载速度快 可以在本地使用Typora写博客,推送至GitHub Pages上 缺点 图片上传很麻烦 可定制的内容有限 Wordpress 优点 具有强大的界面自定义功能,不需要接触底层代码即可实现。尤其是blocksy主题,可以定制出简洁美观的界面。 自带的媒体库很方便各种文件的上传 缺点 体量过大,加载速度不够快 对Markdown语法支持不友好,本地Typora写的md文件无法完美显示 对LaTeX公式支持不友好 页面美化不好实现:可通过购买主题实现 typecho 优点 对Markdown语法支持很好,可直接上传本地Typora写的md文件 可通过安装插件实现LaTeX公式的支持 joe主题非常简洁 缺点 近乎停止更新,大多数插件比较陈旧 halo 优点 后台非常美观 支持Markdown语法,本地md文件可不经修改直接上传 通过添加head头信息,可支持LaTeX公式 缺点 2.0版本主题都不够好看 2.5.2版本在设置文章固定链接时存在bug,且没有自定义功能 总之,这四个博客框架每个都有一定的优点,但又存在一些我无法接受的缺点。 个人需求 后台体验 支持Markdown语法,本地Typora编写的md文件最好可以不经修改直接上传 支持LaTeX公式,行内公式与行间公式,且与本地md书写方式保持一致,不需要额外修改 前台美观 界面渲染足够友好 支持代码高亮,最好支持代码折叠,以及超过固定行数隐藏 支持明亮/暗黑模式切换
-
使用Halo搭建博客 部署 docker run \ -it -d \ --name halo \ -p 8090:8090 \ -v ~/.halo2:/root/.halo2 \ halohub/halo:2.5 \ --halo.external-url=http://localhost:8090/ \ --halo.security.initializer.superadminusername=admin \ --halo.security.initializer.superadminpassword=P@88w0rd 注意修改管理员用户名和密码 主题 前往Awesome Halo仓库查看Halo2.0版本主题 插件 ByteMD 简介:支持Markdown语法 下载: Wordpress 简介:从Wordpress博客导出的XML文件导入数据 下载:https://github.com/halo-sigs/plugin-wordpress 配置 LaTeX语法支持 前往【设置】【代码注入】【内容页head标签】写入如下代码 <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ extensions: ["tex2jax.js"], jax: ["input/TeX", "output/HTML-CSS"], tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true }, "HTML-CSS": { availableFonts: ["TeX"] } }); </script>
-
使用typecho搭建博客 0 前言 使用Wordpress+blocksy主题建站一个月左右,由于我经常使用Typora做笔记,而Wordpress对Markdown的兼容性实在是太差,插件也都不好用,进而使用typecho+joe主题重新搭建本博客网站。 1 Typecho + Joe主题 1.1 官方版 安装本体:前往官网下载typecho本体,上传至服务器站点并解压缩,流程与Wordpress类似 后台美化:由于typecho后台非常丑,可使用SimpleAdmin插件进行后台美化,可前往GitHub仓库release下载最新版 启用主题:Joe主题是一款非常优秀的免费主题,可前往GitHub仓库下载安装 1.2 魔改版 安装本体:typecho定制版对原版进行了一定的优化,并且自带后台美化插件,可前往GitHub仓库release下载安装 启用主题:Joe主题虽然很优秀,但也存在一些不足,目前网上有很多基于Joe主题的魔改版,此处推荐typecho定制版同作者发布的魔改版,可前往GitHub仓库release下载安装 2 数据迁移 更换博客框架后,需要将原Wordpress网站上的文章迁移到typecho,具体步骤如下: 下载安装WordpressToTypecho插件,下载地址http://docs.typecho.org/_media/plugins/wordpresstotypecho.zip 设置数据库名称、密码等信息 点击左侧WordpressToTypecho选项 3 typecho配置 3.1 网站设置 基本 - 站点名称:愚之説 基本 - 站点地址:https://www.washy.cn 基本 - 站点描述:积极乐观的前行~ 永久链接 - 自定义文章路径:选择【个性化定义】/{cid}.html 3.2 插件 TypechoMathJax 功能:自动渲染LaTeX公式 下载:https://github.com/glerium/TypechoMathJax MarkdownParse 功能:自动渲染LaTeX公式和mermaid流程图 下载:https://github.com/mrgeneralgoo/typecho-markdown 问题:与Joe再续前缘主题的代码块解析冲突 AutoLaTeX 功能:自动渲染LaTeX公式 下载:https://github.com/dreamerblue/AutoLaTeX SmartSpam 功能:智能评论过滤插件 作者:Typecho智能评论过滤插件:SmartSpam 下载:SmartSpam_v2.6.0 3.3 伪静态 Nginx if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1] </IfModule>
-
赤道仪的使用——测试2 由于上次测试赤道仪时,北极星对错了,导致导星误差很大,今天决定再进行一次测试。 吸取之前的教训,带好了所有的配件,天完全黑了之后才出发去观星。 依旧是安装赤道仪、安装主镜、对极轴的顺序进行。 全部安装完毕时,北极星刚好可以在主镜中看到,但是极轴的仰角设置不对,极轴镜中无法看到北极星。调节仰角和方位角,将北极星调节至极轴镜中正确位置。此时,无法在主镜中看到北极星。为了验证操作是否正确,使用大角进行单星校准,然后自动导星至北斗三和北极星,发现可以正常找到星星。至此,说明本次极轴校准没有太大问题。 因为现在处于农历月末,月亮要凌晨才会升起,所以就选择大角进行导星精度的测试。将目镜替换为电子目镜,调节大角至视野中央,跟踪了5分钟左右,位置没有太大的变动。导星精度测试结果非常满意。 本次测试问题: 激光笔突然没电了,幸亏同行的人有备用激光笔,借用了电池 本次测试收获: 极轴镜对准北极星后,主镜中未必可以看到北极星 HEQ5赤道仪的导星精度足以满足行星摄影的需求 每次观星后,需要养成给激光笔充电的习惯
-
行星摄影后期处理软件 使用行星相机拍摄的照片,通常需要进行后期处理才能够看到更多的细节,这里介绍几款天文爱好者经常使用的后期处理软件。 Pre-Processing of Planetary Images(PIPP) 简介: 行星图像预处理软件 用于对齐拍摄的图片或视频:图片对齐后下一步的叠加处理才会足够稳定 只有Windows版本 下载:https://pipp.software.informer.com/download/?lang=zh AUTOSTAKKERT!(AS!3) 简介: 用于叠加拍摄的图片或视频 只有Windows版本 下载:https://www.autostakkert.com/wp/download/ WAVESHARP 简介: 原名RegiStax 用于月球/行星图片锐化 下载:https://github.com/CorBer/waveSharp/releases