Useful links
- HEXO: 安装所需库可以看博客搭建过程采用hexo框架+部署到github + blinkfox/hexo-theme-matery
Hexo+github搭建个人博客 + video guide。
- 最简单的办法: HUGO NETLIFY;如果需要添加更多的功能可以看这里。
- 如果想贴图片,可以参考这个知乎回答。由于不用Typora,因此使用的是第二个方法,即使用
![](image.jpg)
进行图片插入(缺点是会占用repo的存储且因为wall加载慢)。
- 此个人网站的原网址为 MarcuXu.github.io ,但GitHub page也是可以绑定个人购买的域名。例如,新人在腾讯云购买域名是比较划算的。购买域名后,新人可以直接按照腾讯云的guidelines安装SSL证书以便于解析。如果你使用的是基于HEXO的GitHub page,那么你可以参考GitHub Pages个性化域名配置和github pages 绑定阿里云域名来进行后续的配置。
Bugs
- IdealTree卡住
- 用户名不一样导致的404
- Git使用出现git@github.com: Permission denied (publickey),得先设置好全局git config才可以用keygen
- 该网站使用的域名是在腾讯云上购买托管的,在申请SSL免费证书时会因为Github提供的CNAME记录值”username.github.io”中包含CAA记录,且改该域名CAA记录中不包含Sectigo根证书(TrustAsia签发的根证书)的授权,因此将导致腾讯云免费证书无法签发。具体解决措施可以参看这里
Cmd
- hexo clean / hexo cl (清理掉上次生成的缓存,每次重新生成时最好第一个执行)
- hexo g (在clean后,用来generate新的配置)
- hexo s (在执行generate后,用来在local预览)
- hexo d (将配置push到repo中)
- hexo new file name
- hexo cl && hexo g && hexo s (一键生成新的配置后在local打开)
- hexo cl && hexo g && hexo d (一键生成新的配置后push到repo)
Notes
- md内的标题最好从”##”开始,才会有目录。
- 如果使用vscode开发,可以直接在 终端 执行命令而不需要在文件夹下
git bash
。但是在vscode中,注意关闭自动注释插件,否则会与主题style产生冲突。
- 更改字体的颜色,格式等可以参考这里。
- 已安装表情插件,md使用表情包请参考这里😏
- 在头部标明 categories: xxx 后 categories 才有作用。
- 若是插入GIF可以参考这里,实际上可以将一些非敏感的图片上传到 https://giphy.com/ 后进行图床引用,格式类似
![]()
。本网站之后主要使用线上图床来附上图片(使用图床有多个优点,例如图片加载快,不需在本地和GitHub占用存储空间,所以非私密的图片完全可以upload)。
- 注意upload到GitHub上的并非所有的文件,GitHub pages只需要 public 即可。其实这里可以稍微理解一下部署到github的原理。之前步骤中在Github上创建的那个特别的repo(MarcuXu.github.io)一个最大的特点就是其master中的html静态文件,可以通过http://MarcuXu.github.io来直接访问。
Hexo -g
会生成一个静态网站(第一次会生成一个public目录),它就是我们点开网站看到的东西。而当我们将hexo生成的静态网站git commit
后,我们就可以在线上看到我们网站的内容了。所以明白了原理,怎么做自然就清晰了。
- 关于在md文件中公式的话,可以将论文中的latex公式直接复制后左右各加 $ ,而更多的md文件中编辑公式可以看这里。
Insert images as HTML does
<div align="center">
<img src="ImagePath"
alt="" width="30%" height="30%" align="bottom"/> <img src="ImagePath"
alt="" width="30%" height="30%" align="bottom"/>
<br> The left is our page, and the right is the example page </center>
</div>