我的博客

测试ing...

Hacker主题-图片居中设置

Hacker主题是默认图片居中的,但是很多情况下会导致文章太过松散,以及排版上不美观。
比如,如果默认居中

显然不太美观,正常应该是

目前本人技术所限,无法做到随用随启,只能整个主题开关。
修改主题目录下文件source/css/components/article.styl,在77-81行添加注释。

article.styl
75
76
77
78
79
80
81
82
color $articleTextColor

/* img
display block
max-width: 100%
height auto
margin 1rem auto
*/

这样修改完成,刷新网页即可生效。修改完后就可以多张图片并排。当然排版就复杂了。

常用命令
默认靠左
1
2
<div align=center> markdown或者hexo的语法 </div>    # 图片居中
<div align=right> markdown或者hexo的语法 </div> # 图片置右

Hexo 踩坑指南

安装过程出现了一些问题,网上答案混杂,需要花费大量时间寻找解决方案,故记录一些坑,有缘人看到也能少走一些弯路。

Gitment

这是浪费我最多时间的地方,不懂js,css,只得遍寻网络。我使用的主题是yilia,已经常年不更新了。

_config.yml
1
2
3
4
5
6
#5Gitment
gitment_owner: xxx #你的 GitHub ID
gitment_repo: 'xxxx' #存储评论的 repo
gitment_oauth:
client_id: 'xxxx' #client ID
client_secret: 'xxxx' #client secret

这是最初的配置指令。我按照要求填写,却出现了Error

遇到的问题

Hexo -- 资源文件夹

资源(Assert)代表source文件夹中除了文章以外的所有文件,例如图片、CSS、JS 文件等。 比方说,如果你的
Hexo项目中只有少量图片,那最简单的方法就是将它们放在source/images文件夹中。然后通过类似于![](/images/image.jpg)的方法访问它们。

文章资源文件夹

对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的post_asset_folder选项设为 true 来打开。

_config.yml
1
post_asset_folder: true