Hexo-使用阿里iconfont图标 因为使用hexo搭建的博客中,大家并不懂都有什么图标,fa fa-xx就懵了,不知道都有什么. 首先,fa fa-xxx中的图标可以在 图标库 中寻找. (上面慢的话,可以在这个:另一个图标库) 例如: 首页: / || fa fa-home 归档: /archives/ || fa fa-archive 标签: /tags/ || fa fa-tags 显而易见,就算能找到也有很多图标找不到,所以这个时候,我们可以选择使用阿里iconfont图标 建立项

首发于个人博客 想获得更好的阅读体验,烦请移步⬆️ 前言 作为一个颜党,在换了许多Hexo的主题后,选择了现在使用的fexo主题.但是相比于大多数博主使用的NEXT,fexo还是不够powerful,所以想要给博客加一些additional的功能,还需要自己修改主题文件. 以下内容均基于fexo主题,对于其他主题也能作为参考,酌情修改. 博文添加版权声明 效果图 layout 这里需要新建一个.ejs文件.我将它命名为copyright.ejs并放置在fexo/layout/_partial/下

文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7. 添加站内搜索 8. 启动阅读更多按钮 9. 文章顶置(二选一,看看哪种简单) 9.1 方法一 9.2 方法二 10. 在文章底部增加版权信息 10.1 方式一 10.2 方式二(比较麻烦,但是好看) 11. 添加打赏 12. 文章加密访问 13. 启动代码复制按钮 14. 在Footer添加站点

@ 目录 *本文说明 请大家务必查看 前言 首先介绍一下主角:Hexo 什么是 Hexo? 环境准备 详细版 入门:搭建步骤 安装git: 安装node: 安装Hexo: 进阶:hexo基本操作 发布第一篇博客 : 修改Hexo默认主题: 实现github域名访问我们博客: 卸载Hexo 错误 问题1 报错地址: 问题描述: 解决方案: 问题2 报错地址: 问题描述: 解决方案: 问题3 报错地址: 问题描述: 解决方案: 自我总结 简洁版 入门:搭建步骤 安装git: 安装node: 安装He

摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为大家提供的一项服务,不仅能为托管的项目建立主页,还可以为我们建立个人博客.下面我就介绍个人博客是如何建立的.在使用GitHub Pages建立个人博客前,我们象征性地了解一下GitHub Pages建立的页面有哪些优点: 极简的配置,轻量级系统,无需数据库 使用标记语言,如Markdown 使用Gi

先安好npm,请参照:http://max.cszi.com/archives/482 打开网站:https://hexo.io/   npm install hexo-cli -g hexo init blog cd blog npm install hexo server #可以直接查看效果 hexo generate #生成静态文件,文件会被生成在public目录下 rm -r /var/www/html #删除默认的站点目录 ln -s /usr/share/hexo/blog/publ

最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hexo搭建博客教程01 hexo主题制作: hexo搭建博客教程02 hexo搭建博客教程03 hexo搭建博客教程04

搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注:可能报错,可以试试执行 1 npm install hexo --no-optional 进入本地工程目录,初始化hexo 1 2 $ cd blog $ hexo i

title: Hexo的coney主题的一些补充说明 date: 2014-12-14 14:10:44 categories: Hexo tags: [hexo,技巧] --- Coney是一个非常优秀的Hexo主题,然而在使用的过程中,我发现作者有一些地方没有说清.因此在这里写一些我使用中发现的问题和解决方法. 标签 作者并未说明多个标签之间应该以何种方式分隔,我尝试使用逗号,空格以及方括号均不能正确分隔标签.后来尝试使用一种笨的方法添加标签: tags: 标签一 tags: 标签二 tag

一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平台的搭建,再加上有些node,git基础,分分钟创建出一个高大上的博客.废话少说,开始吧. 准备工作 1.node:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可. 2.git: 把本地的hexo内容提交到github上去.没有安装的可以看此教程. 3.github:用

前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Travis自动部署Hexo,本文介绍另外一种方式来实现. 是通过GitHub API来实现的,用到了Linux中的sed命令. 新建Access Token Personal Access Token是用于操作repo的口令. 点击用户图像,然后点击Settings(设置)选项. 进入设置面板后,点击左侧

前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文章会非常不方便. 是因为hexo使用的部署命令是把生成好的静态文件上传到仓库中的,所以,在其他电脑上同步下来的只是静态文件而已,不是源码. 到这里就会想到能不能这样:将源码同步到远程仓库后,可以实现自动生成部署呢? 答案是肯定的,可以通过Travis CI来实现. 那么,本文就介绍一下Travis

前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. 配置文件说明 网站配置文件是在根目录下的**_config.yml文件,是yaml格式的. 所有的配置项后面的冒号(:)与值之间要有一个空格.** 官方配置文件说明 # Hexo Configuration ## Docs: https://hexo.io/docs/configuration.h

前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的,有300MB空间: 开源:由于github开源的原因,有很多人参与其中,自然技术支持很好. 便捷:博客完全托管在github上,基本上不需要花时间去管理,博客使用Markdown语法,上手很容易. 需要了解的内容(能掌握更好): html+css+javascript git基本语法 markdo

Github Pages和Hexo创建静态博客网站 安装Node.js 本人是window环境,所以下载window版. 下载地址:https://nodejs.org/en/download/ 下载 msysgit 下载地址:https://git-for-windows.github.io/ Hexo 点击鼠标右键菜单Git Bash Here npm install hexo-cli -g npm install hexo --save #如果命令无法运行,可以尝试更换taobao的npm

  Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近来接触到一种新的博客系统Hexo,它的不同地方就是将:在上线编写博客和页面渲染的过程在线下完成.在本地编写博文的Markdown文件,使用Hexo将博客网站的所有前台HTML等全部生成,让后将生成的文件上传的服务器就行了.   那么原来wp中的评论等动态功能怎么办呢?放心第三方服务商早已为我们考虑了

前言 刚开始搭建博客的时候觉得很好玩,可是玩的久了,问题慢慢就出来了,就跟谈恋爱一样＝＝.比如现在我访问博客的时候就感觉慢的要死,不可否认,使用hexo搭建服务器方便快捷,但是由于github作为服务器,也会有速度稍慢的代价产生.既然我不能放弃github,那就只有另寻出路了,作为一名前端,有哪些地方我们可以自己来优化呢? 注:想要拥有自己的博客,你可以看过来.hexo搭建博客系列 先来说说我们在面试中经常遇到的一个问题,在浏览器输入url到页面打开,都做了些什么? 浏览器里输入网址 浏览器查找

1.为什么添加algolia搜索 第一当然是可以方便的查找所需文章,第二点就是之前常用的swiftype插件不再免费.我的个人博客是这个月初搭建完成的,这时候swiftype已经不再免费,而且只开放企业邮箱注册. 2.添加效果 3.开始添加 下载最新的next主题(5.1.0),因为最新版的已经集成了algolia搜索,可以省去很多配置和修改. 我的版本: (themes\next\_config.yml文件最下方查看) 去algolia官网注册账号(我直接使用的github的账号) 参照下图新

Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.生成静态网页可以托管在github.下面简单介绍一下hexo的安装部署步骤,以免新手或重新配置时走弯路.     1.安装Git 官方下载地址:https://git-scm.com/ 下载 并执行默认安装 即可完成安装. 2.安装Node.js 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装.这里我下载的是

找到一篇靠谱的博客,备份一下: ---------以下原文------------------ Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以Ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt-get install npm Hexo安装 Hexo 是一个功能强大的静态网站生成系统,快速.简洁.高效.Hexo 支持 GitHub Flavored Mar