详解Hexo搭建博客的底层原理
前言 {#前言} ======== > Hexo官网-----快速、简洁且高效的博客框架: <https://hexo.io/zh-cn/> 在不断学习的过程中对个人博客的技术选型又有了新的想法,想搭建一个自己喜欢的UI风格并且有后台的博客CMS 于是回过头来,开始对hexo原理好奇起来,本着知其然更要知其所以然的态度,搜了许多有关资料,现在对hexo有...
51工具盒子
前言 {#前言} ======== > Hexo官网-----快速、简洁且高效的博客框架: <https://hexo.io/zh-cn/> 在不断学习的过程中对个人博客的技术选型又有了新的想法,想搭建一个自己喜欢的UI风格并且有后台的博客CMS 于是回过头来,开始对hexo原理好奇起来,本着知其然更要知其所以然的态度,搜了许多有关资料,现在对hexo有...
<h1>Hexo是什么? {#Hexo是什么}</h1> <p>官方定义是快速、简洁且高效的博客框架,实际不仅仅于此,它是一个JS语言编写的静态网站生成器,主要作用是解析Markdown语法,并配合模板引擎,快速生成静态网站。同时,还可以自定义主题,引用第三方插件,除了搭建个人博客之外,Hexo还被许许多多的项目拿来生成API文档,如阿里开源...
<h1>方法 {#方法}</h1> <blockquote> <p>bilibili默认给的是一个iframe,在iframe中添加css样式:style="position:absolute; height: 100%; width: 100%;"<br /> 在原来的iframe...
<h1>修改 pug 代码 {#修改-pug-代码}</h1> <p><a href="https://github.com/Zfour/Butterfly-swiper">butterfly-swiper下载</a></p> <p>将资源包中的<code>sli...
<h1>安装插件 {#安装插件}</h1> <p>|-------------------|-------------------------------------------------------------------------------------------------------------| | <code>1...
<h1>安装插件 {#安装插件}</h1> <p>在博客根目录[blog]下打开终端,运行以下指令:</p> <p>|-----------|----------------------------------------------------| | <code>1</code> | <...
<h1>引言 {#引言}</h1> <p>Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown文件)放入本地的 <code>\source\_posts</code> 文件夹,然后再推送上去就行了,原理就是当我们在执行 <code>hexo g&l...
<h1>前言 {#前言}</h1> <p>不知道大家对于默认的butterfly版权怎么看?如果不太满意可以按照如下教程进行美化。</p> <h1>教程 {#教程}</h1> <h2>修改post-copyright.pug {#修改post-copyright-pug}</h2> ...
<h1>前言 {#前言}</h1> <p>看到了大佬的文章页一页到底,效果如下图所示:<br /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="&qu...
<p>介绍<br /> 本文将会详细介绍一图流背景与顶部图的修改过程。</p> <h1>设置图片 {#设置图片}</h1> <p>这个是 Butterfly 自带的功能,修改主题的配置文件 <code>_config.butterfly.yml</code>。</p> &...