How to build your own website


  1. HEXO: 安装所需库可以看博客搭建过程采用hexo框架+部署到github + blinkfox/hexo-theme-matery
    Hexo+github搭建个人博客 + video guide
  2. 最简单的办法: HUGO NETLIFY;如果需要添加更多的功能可以看这里
  3. 如果想贴图片,可以参考这个知乎回答。由于不用Typora,因此使用的是第二个方法,即使用![](image.jpg)进行图片插入(缺点是会占用repo的存储且因为wall加载慢)。
  4. 此个人网站的原网址为 MarcuXu.github.io ,但GitHub page也是可以绑定个人购买的域名。例如,新人在腾讯云购买域名是比较划算的。购买域名后,新人可以直接按照腾讯云的guidelines安装SSL证书以便于解析。如果你使用的是基于HEXO的GitHub page,那么你可以参考GitHub Pages个性化域名配置github pages 绑定阿里云域名来进行后续的配置。

Bugs

  1. IdealTree卡住
  2. 用户名不一样导致的404
  3. Git使用出现git@github.com: Permission denied (publickey),得先设置好全局git config才可以用keygen
  4. 该网站使用的域名是在腾讯云上购买托管的,在申请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

  1. md内的标题最好从”##”开始,才会有目录。
  2. 如果使用vscode开发,可以直接在 终端 执行命令而不需要在文件夹下 git bash。但是在vscode中,注意关闭自动注释插件,否则会与主题style产生冲突。
  3. 更改字体的颜色,格式等可以参考这里
  4. 已安装表情插件,md使用表情包请参考这里😏
  5. 在头部标明 categories: xxxcategories 才有作用。
  6. 若是插入GIF可以参考这里,实际上可以将一些非敏感的图片上传到 https://giphy.com/ 后进行图床引用,格式类似 ![]()。本网站之后主要使用线上图床来附上图片(使用图床有多个优点,例如图片加载快,不需在本地和GitHub占用存储空间,所以非私密的图片完全可以upload)。
  7. 注意upload到GitHub上的并非所有的文件,GitHub pages只需要 public 即可。其实这里可以稍微理解一下部署到github的原理。之前步骤中在Github上创建的那个特别的repo(MarcuXu.github.io)一个最大的特点就是其master中的html静态文件,可以通过http://MarcuXu.github.io来直接访问。Hexo -g会生成一个静态网站(第一次会生成一个public目录),它就是我们点开网站看到的东西。而当我们将hexo生成的静态网站git commit后,我们就可以在线上看到我们网站的内容了。所以明白了原理,怎么做自然就清晰了。
  8. 关于在md文件中公式的话,可以将论文中的latex公式直接复制后左右各加 $ ,而更多的md文件中编辑公式可以看这里

Insert images as HTML does

<!--2 images are inserted in same line-->
<div align="center">
<img src="ImagePath"
  alt="" width="30%" height="30%" align="bottom"/> <img src="ImagePath"
  alt="" width="30%" height="30%" align="bottom"/> <!--img src="file:///D:/photo/二次元/10.jpg" width="1000" height="500" /-->
<br> <!--换行--> The left is our page, and the right is the example page <!--标题--> </center>
</div>

Author: Minster
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source Minster !
  TOC