hexo | 易学教程

Hexo next主题搭建静态博客埋坑记录

阅读更多关于 Hexo next主题搭建静态博客埋坑记录

一直想着在github上建一个自己的博客网站，刚好这个周末有空就开始实施了，经过两天努力博客终于是建好了，也达到了想要的效果，但是其中一系列的坑让人不舒服，为此专门记录下来给那些需要的人一些参考。首先关于如何建站参考以下几篇文章： 1、手把手教你建github技术博客 2、如何在 GitHub 上写博客？ 3、手把手教你用Hexo+Github 搭建属于自己的博客 1、文章左侧的目录如何弄出来如图文章左侧的目录是如何弄出来的： 1、首先在你的markdown文件里面要有标题，所谓标题就是例如这种一级标题(#)，二级标题(##)，三级标题(###)的。 2、在主题的_config文件里面，将toc的enable设置为true就ok了，默认的目录是有序号的，如果你不想要序号，你需要把number置为false 2、hexo生成博文插入图片显示不出来显示图片是一个大坑，步骤如下： 1、把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true 2、在你的hexo目录下执行这样一句话npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件 3、等待一小段时间后，再运行hexo n “xxxx”来生成md博文时，/source/_posts文件夹内除了xxxx

Hexo安装配置详解

阅读更多关于 Hexo安装配置详解

写在开头什么是Hexo？ Hexo是一个轻量级的Node.js博客框架，由一位台湾的在校大学生开发完成！ Hexo的配置文件_config.yml分为两种，一种是站点配置文件，也就是站点根目录下的_config.yml配置文件，另一个是主题配置文件，位于theme文件夹中对应主题的文件夹下的_config.yml。在后续的网站配置中需要多次使用站点配置文件和主题配置文件，需要注意辨析。另外，需要注意的是本文部署hexo的服务器是腾讯云服务器， Ubuntu16.04系统。安装node.js Windows下安装在 nodejs官网上下载最新的Windows安装包，直接安装即可。 ubuntu下安装命令行方式安装： sudo apt-get update sudo apt-get install nodejs 编译源码方式安装：在 nodejs官网上找到需要下载的源码（不是二进制文件），解压之后进入目录，执行： $ ./configure $ make && make install 注意如果需要sudo的话， make和make install 要分开，因为sudo不能传递到&&后面的指令。安装npm sudo apt-get update sudo apt-get install npm 查看node和npm版本 node -v npm -v 安装cnpm

Hexo 个性化配置(三)

阅读更多关于 Hexo 个性化配置(三)

本片博客是在上一篇博客Hexo个性化配置(二)的基础上在写的一篇博客,主要不在一起写的原因是,这是自己配置自己搭建的博客时候变学习边记录的文章,记录的比较详细.放置在一篇上面文章比较长,所以截取一次十中个性化的配置.这是第三篇.涉及到如下的个性化配置: 1. jiathis的配置实现博文的分享 2. 文章的置顶功能 3. 打赏功能的实现 4. 点击爆炸效果(有一篇是实现的是红心的效果) 5. github来实现域名的绑定 6. 插入音乐 7. 实现站内搜索 8. 关于404公益页面的实现 9. DaoVoice在线联系 10. 为博客添加萌萌的宠物 11. 修改评论系统之来比力修改为有言 12. 顺便了解Docker 13. Hexo NexT主题中添加网页标题崩溃欺骗搞怪特效 1.jiathis的分享的实现在主题配置文件下面搜索 jiathis 我们看到在主题的配置文件中已经给我们配置好了,我们需要的是uid; 官网的链接地址: http://www.jiathis.com/ 配置主要的设置: 说明一下子: 我们直接在主题的配置文件中搜索jiathis 直接打开jiathis的开关,配置为true uid丢不需要设置. 最后的结果展示: 2.文章的置顶功能的实现修改插件的内容: 这个插件名称: hexo-generator-index 插件内需要修改文件的名称:

hexo添加搜索功能

阅读更多关于 hexo添加搜索功能

hexo博客添加搜索功能 step1:安装插件直接在博客文件夹下运行命令 npm install hexo-generator-searchdb --save step2: 修改站点全局配置文件_config.yml search： path: search.xml field: post format: html limit: 10000 step3: 修改主题配置文件_config.yml local_search: enable: true 打完收工！！！来源： CSDN 作者： liusirdotnet 链接： https://blog.csdn.net/Rambo521/article/details/81608069

hexo添加404公益界面

阅读更多关于 hexo添加404公益界面

hexo个人博客添加404公益界面，这里我使用的腾讯404公益界面我的博客主题是hexo+yilia，其实所有主题添加404界面的方法都是一样的 1.启动Git Bash，进入 Hexo 所在文件夹，输入 hexo new page 404 ; 2.打开刚新建的页面文件，默认在 Hexo 文件夹根目录下 /source/404/index.md；添加以下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>404</title> </head> <body> <script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8"></script> </body> </html> 3.部署 hexo d -g 4.部署之后在我的博客界面打开不存在的界面可以发现404公益界面已经存在可以访问我的博客查看404界面异常近期发现404界面不能使用，输入不存在的URL，只能跳转到空白界面经过相关查阅，我觉得主要原因是github page更新了，github page过滤掉了source/目录的访问

5分钟 0元搭建个人独立博客网站（二）

阅读更多关于 5分钟 0元搭建个人独立博客网站（二）

文/北妈阅读本文需要 5.1 分钟一接着第一篇 5分钟建立独立网站系列，戳这里：《 5分钟 0元搭建个人独立博客网站（一）》这个Hexo、GitPages系列，其实网络很多教程，但都不够易懂甚至很乱，这个系列没什么技术含量，但对步骤的合理梳理，却要求很高。所以，我应粉丝要求，抽空出一个这个系列。本系列分为三篇（说明一下：此系列，写的很详细、也很累，比网络其他教程都清晰易懂，所以每篇都会打破我，每月底才开一次赞赏的规矩，这几篇我都会开赞赏，O(∩_∩)O ）。第一篇，我简要介绍了如何在本机安装、运行、预览 hexo博客系统；还有和github的关系，github起了什么作用。不明所以的，请去回顾第一篇，这里不在阐述，今天是第二篇，主要讲解如何一键、一行命令发布到github、gitpages；如何实现真正的外网访问，也就是让地球所有的人都能搜到你的网站。第三篇讲解，如何美化自己的博客页面，毕竟“丑”，是我们绝对不能容忍的；还有如何在静态博客，一键添加评论功能；而且不用你去开发；再加一个SEO 建议。废话不说，开始。下图是我执行本机命令 hexo init，npm install， hexo g ， hexo s 的本地演示结果 hexo init // 这个是：hexo自动初始化配置文件、包括所有 paceage.json 依赖包 npm

0元快速搭建属于自己的博客

阅读更多关于 0元快速搭建属于自己的博客

个人博客地址 http://lx.nextdev.top 这篇文章介绍了如何用 coding page + hexo 无成本搭建个人博客。需求环境：必须环境： Git Node.js 开始快速开始打开 cmd 输入： npm install -g hexo-cli 新建hexo项目： hexo init <项目名称> 然后安装依赖： npm install 完成! 修改网站配置在 _config.yml 中可以修改配置。网站主配置： title: 博客的名称 subtitle: 副标题 description: 博客的短描述 author: 作者 language: zh-Hans 域名配置： url: 你的域名 root: 网站根目录,默认为/ permalink: 文章URL配置主题配置： theme: 在这里可以设置主题推荐使用 next主题 git配置： deploy: type: git repo: 项目库地址 branch: 分支配置完成后输入： npm install hexo-deployer-git --save OK!博客配置完了使用Next主题项目地址在线预览项目文档开始使用用 cmd 打开 hexo 项目目录，输入： git clone https://github.com/iissnan/hexo-theme-next

史上最全搭建个人免费博客网站教程(使用Github)，从搭建到主题安装到配置一步到位讲解

阅读更多关于史上最全搭建个人免费博客网站教程(使用Github)，从搭建到主题安装到配置一步到位讲解

一、前言日常Google中，无意中看到了一个免费搭建个人博客网站的标签，好奇就点了进去看了看，感觉还挺有意思的，就想着自己也搭一个玩玩，当时看的那篇文章说是5分钟就可以搭建完成，的确简单的搭建一下很快，但我配置完再熟悉后已经花了大半天时间了? （期间被学校的网给害惨了，半天都加载不动，还以为自己哪配错了，浪费了不少时间，后来换了自己的热点，嘿嘿，好了?）废话不多说，先给大家看看我搭建完成的博客首页怎么样？你是否经常看到这样类似的博客？别着急，接下来我将带领你一步步搭建一个属于你自己的博客网站。二、开始搭建 1. 创建Github 域名和空间 1.1 创建Github账号 (我想大家身为程序员应该都有一个Github账号吧？?) 打开Github 官网，点击右上角Sign Up按钮，进入注册页面，按照提示一步一步创建完成后就OK了。 1.2 创建Github仓库点击按钮 New 打开创建仓库页面注意仓库名为username.github.io ，username即为Owner的名字，必须一致，后缀为.github.io ，也是必须的。如我这里Owner为kylechandev，仓库名就为kylechandev.github.io 。后缀.github.io的作用是Github识别到.github.io的后缀就会自动为你开启GitHub Pages

无法登陆github官网的解决办法

阅读更多关于无法登陆github官网的解决办法

前言今天向博客提交文章的时候，出现了如下的错误，大概的意思就是请确认你是否有权限访问这个仓库，刚开始以为是我的hexo出现了错误，一顿hexo --debug后也没有发现什么异常，后来我就想着查看一下我的github，然后发现无法访问，于是就定位到原因了，无法访问仓库地址。 ssh : connect to host github . com port 22 : Connection timed out fatal : Could not read from remote repository . Please make sure you have the correct access rights and the repository exists . [ 41 mFATAL [ 49 m Something's wrong . Maybe you can find the solution here : [ 4 mhttp : / / hexo . io / docs / troubleshooting . html [ 24 m [ 33 mError : Spawn failed at ChildProcess . < anonymous > ( D : \work\hexo\node_modules\hexo - util\lib\spawn . js : 52 :

基于github搭建的个人博客

阅读更多关于基于github搭建的个人博客

刚开始我也是很不理解为什么要利用github+hexo搭建博客，现在差不多能理解，首先逼格很高，其次用github搭建可以学习使用github并且空间很大，也可以便于交流。再次声明本篇是基于windows系统下搭建的博客。废话不多说开始。搭建前准备node.js ,git的安装（ps：在命令行里敲node -v npm -v git -version,如果出现版本信息就是安装成功哦，笔芯）一，创建仓库并添加秘钥创建仓库如图1-1 图1-1 新建仓库找到new repository 点击出现如图1-2 注意：仓库名后缀必须为github.io 并且自己仓库的名字最好和自己github的名字一致，Description 这一栏可以不用填写，只需用勾选public就可以，然后自己的仓库就建好了。图1-2 添加秘钥 1.现在点击鼠标右键打开git bash，首先检查是否有ssh key；输入： cd ~/.ssh 如果显示“no such file or directory”,则跳转第三步，否则继续； 2.备份和删除原来的ssh key设置； $ ls $ mkdir key_backup $ cp id_rsa* key_backup $ rm id_rsa* 3.生成新的ssh key 输入： $ ssh-keygen -t rsa -C"邮箱地址@youremail

订阅 hexo