1.引子
这篇文章是为了帮助所有初次接触Hexo的人
1.1 动态页面和静态页面
首先,我们要了解一下动态页面和静态页面的区别,通俗来讲
静态页面:静态页面就是设计者把页面上所有东西都设定好、做死了,然后放上去,不管是谁在任何时候看到的页面内容都是一样的,一成不变。
动态页面:依靠服务器端的程序来生成的,不同人、不同时候访问页面,显示的内容都可能不同。
比如大学期间用的java+servelet+数据库 就是动态的页面。
我们这里的Hexo是静态页面,我们上传的public文件,都是hexo生成好的! 所以我们在hexo d
执行前,我们先要用到hexo generate
这条命令。
1.2 Html文件
如果你读懂了我刚才说的,那么我们在利用Hexo创建博客时,一切基于Html的文档的修改都是毫无意义的!
因为这些都是静态文件,当你每次执行Hexo d以后,他们会再次生成,并且被覆盖!
所以,有时碰到乱码问题,我们都要Hexo clean, 这就是为了清楚缓存的Html文件。
1.3 git文件夹
这个和服务器有关,相当于一个衔接我们电脑和github的工具,用来帮我们上传我们的文件,未必一定是我们的博客。
1.4 github文件夹
程序员三宝之一,一句话:一个仓库,里面藏着各种东西!
2.文件结构剖析
2.1 根目录文件解释
根目录下主要文件:
1.git文件: 分布式系统文件,发布东西用的
2.scaffolds:你生成博客里面的排头文件包括啥,如果要增加用户博文选择,可能会要修改post.md文件,比如增加一个tags标签。但这个功能能否实现,是由js文件作用的。
3.source: 发布的博文以及其图片资源,分类目录,文件命名必须和 _config.yml
一致!
4.themes: 博客的风格,主题,我们可以去Hexo主题官网下载我们需要的主题。有哪些好看的 Hexo 主题? - 家顺张的回答 - 知乎
网站功能的添加,都是在themes下面的主题文件里面
布局方面:layout文件夹
排版风格:css文件
执行程序:Js文件
2.2 常见修改
_config.yml文件:
站点的_config.yml和主题theme的_config.yml都得修改
站点的_config.yml中必须修改其中的deploy
source文件夹:
如果要添加新的分支目录,那么要在下面建立对应的文件夹
网站功能添加:
标题在:title里面
页脚在:footer文件
边栏在:slider文件
未完待续……