Hexo博客技巧:添加自定义html页面
前言以前收集了很多有趣的html特效文件,自己也写过不少,但是这些文件都有一个缺点:只能本地浏览。
很早以前就有一个想法,就是将这些文件部署到网站上供人们随时随地浏览,只是一直没能实现。现在有了自己的博客,正好实现完成这个想法。
具体过程1.首先在博客根目录的source文件夹下,新建一个文件夹用于存放要部署的HTML文件:
我这里建了一个叫HTML的文件夹,里面的子文件夹可以存放各个HTML文件,当然也可以只创建一个主文件夹,直接在里面放HTML文件。
2.然后在博客根目录的配置文件_config.yml文件里,设置跳过渲染:
单个文件,就写:
123# 跳过渲染skip_render: - "xxxx.html"
如果只创建了一个文件夹,要跳过它目录下所有文件的渲染,就写:
123# 跳过文件夹下所有文件skip_render: - "文件夹名/*"
如果父文件夹下还有子文件夹,就写:
123# 跳过子文件夹skip_render: - "文件夹名/子文件夹名/*"
或更简 ...
Hexo搭建个人博客:从踩坑到上岸
正文自此,我的Hexo个人博客已经全部搭建且部署完成,基础功能也都正常了,剩下来的就是无尽的美化了。
这也意味着,Hexo搭建个人博客三部曲:从开始到放弃到踩坑到上岸,已经全部结束了。
接下来我还会写关于主题的美化过程…敬请期待
这篇博文其实没啥内容,就是想说一下这个结果
也顺便做个目录吧:
Hexo搭建个人博客三部曲
博文名称
对应链接
一部曲
Hexo搭建个人博客:从开始到放弃
跳转链接
二部曲
Hexo搭建个人博客:从放弃到踩坑
跳转链接
三部曲
Hexo搭建个人博客:从踩坑到上岸
跳转链接
2023年8月4日:更正教程链接
End
Hexo搭建个人博客:从放弃到踩坑
前言相信每一位使用Hexo搭建博客的博主在搭建过程中都踩过大大小小的坑…如果官方文档有解决方法的话还好办,没有就只能老老实实去百度了…
经过两天的努力,我的博客终于搭成了,下面就盘点下我所踩过的坑吧…
遇到坑后建议先寻找官方的文档,看看里面有没有解决方案:
Hexo官方文档
Butterfly主题问答(这个是我所用主题的问答)
那些“坑”:1.运行后网页显示代码:1extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug
下载安装:
1npm install hexo-renderer-pug hexo-renderer-stylus --save
or
1`yarn add hexo-renderer-pug hexo-renderer-st ...
Hexo搭建个人博客:从开始到放弃
前言这是一个非常悲伤的故事,如标题所言,我已经被这Hexo搞崩溃了,原因就是bug太多…(其实这是篇教程)
不过言归正传,写这篇帖子是为了记录用Hexo搭建个人博客的过程的,也算是一个教程,仅是为了n年后我心血来潮又想搭建起博客时能有个正确的教程。
简介GitHub Pages 是什么?
What is GitHub Pages? - GitHub Help
GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。
Hexo 是什么?
官网:hexo.io
Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。
Hexo + GitHub 文章发布原理在本地撰写 Markdown 格式文章后,通过 Hexo 解析文档,渲染生成具有主题样式的 HTML 静态网页,再推送到 GitHub 上完成博文的发布。
优缺点使用GitHub Pages来搭建Hexo静态博客网站的优点有很多,同时它的缺 ...