hexo
前端小黑
never give up never give in
展开
-
个人博客搭建笔记----在自己的主题中添加自定义的404页面
我们在网上经常可以看见一些自定义的404页面,虽然404是一件悲伤的事情,但是有好看的界面的话多少会开心一点,为了更好的用户体验,弄一个自定义的404页面是很必要的既然自定义的404页面这么重要,那自己定义的博客又怎么能少了呢我在自己的主题里面添加了自定义的404页面,如图所示(虽然也说不上好看,但至少比默认的好一些)(ps:我自己已经搭建了一个主题可以使用,在github上有相关的使用指...原创 2020-03-01 15:23:47 · 407 阅读 · 0 评论 -
个人博客搭建笔记----hexo踩坑记录
1. post.excerpt摘要没有显示出来需要在文章里面添加<!-- more -->该注释标签上面的内容即为摘要2. post.excerpt摘要没有按html解析,按文本解析使用的时候写成<%= post.excerpt %>不该写成<%=,应该写成<%-<%- post.excerpt %>3. hexo deplo...原创 2020-02-22 16:36:29 · 713 阅读 · 0 评论 -
个人博客搭建笔记----hexo主题代码高亮
我在之前的博客中自己搭建了一个hexo主题simp,在文章添加中,默认文章里面代码是没有特定样式的,就如下面如果我们要添加样式,可以通过引入highlight.js来修改样式在代码中添加这两行<link href="https://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesh...原创 2020-02-21 01:22:13 · 2968 阅读 · 1 评论 -
个人博客搭建笔记----hexo自定义主题搭建
使用hexo搭建过博客都知道,hexo里面有很多个主题可供我们选择,但是,如果那些主题里面没有我们自己想要的咋整,做为一名前端开发,这个时候当然是选择DIY我这里采用的模板文件是ejs,所以下面的内容需要了解一些ejs的使用,我在文章过程中不会去详述相关的语法新建自定义主题在themes文件夹下创建一个自己的文件夹做为自己定义的主题,我这里写成simp主题目录新建下列目录simp //...原创 2020-02-20 16:07:46 · 1211 阅读 · 0 评论 -
个人博客搭建笔记----hexo部署到github上及踩坑记录
在我们通过修改_config.yml配置文件,选择自己喜欢的主题和做一些修改后,接下来就是要把我们自己的博客部署上去了,这里以部署到github为例首先在github上新建一个仓库,这里因为我已经建好了这个仓库所以会有重名的报错然后安装hexo-deployer-git用于部署npm install hexo-deployer-git --save接下来修改以下项目根目录下的_conf...原创 2020-02-15 01:54:10 · 638 阅读 · 0 评论 -
个人博客搭建笔记----hexo根目录下的_config.yml配置解释
我们在使用hexo初始化一个项目的时候,在根目录下会有一个配置文件_config.yml,这个文件配置了所写博客里面的内容,我们从根目录的该文件来说明每个配置的作用# Hexo Configuration## Docs: https://hexo.io/docs/configuration.html## Source: https://github.com/hexojs/hexo/Hex...原创 2020-02-13 18:13:02 · 18761 阅读 · 1 评论 -
个人博客搭建笔记----hexo初始化目录结构和打包文件
初始化的文件的含义node_modules存放node依赖包的文件夹,在js文件中可以直接导入使用其中的依赖包,运行npm i 指令时会将package.json中dependencies的内容下载到该文件夹下。_config.yml配置文件,可在该文件中配置大部分的参数。包括标题,作者,叙述,主题等等scaffolds模板文件夹,会在写入的文章中默认填充的一些内容。s...原创 2019-07-21 00:25:09 · 2401 阅读 · 0 评论 -
个人博客搭建笔记----hexo的安装与本地运行
hexo是一个用来快速搭建个人博客的框架,使用Markdown解析文章,可利用其中的主题快速生成静态网页。安装hexo只要使用node和npm就能快速安装,使用下面的命令npm i -g hexo-cli将hexo的搭建工具安装到全局hexo-cli安装完后,来到我们要存放项目的地方,使用初始化命令初始化个人博客项目hexo init <folder>该指令...原创 2019-07-21 00:25:13 · 884 阅读 · 0 评论 -
个人博客搭建笔记----hexo主题的选择与安装
在刚使用hexo cli初始化完我们的项目后,我们的theme文件夹下只有一个文件夹,即在本地我们可选的只有一个主题,就是下面这个页面。如果我们对该主题不满意的话,可以到hexo的文档网站找到合适的主题安装到本地并配置到项目中。在我打开的时候这里已经有263个主题可供选择,点击图片我们可以浏览该主题,如果确定要选择该主题,可以点击主题下面的字体进入主题所在的github页面在g...原创 2019-07-21 00:25:16 · 560 阅读 · 0 评论