搭建博客
关注
分享
扫一扫
野猿新一
这个作者很懒，什么都没留下…
展开
-
Hexo个人博客绑定域名
注册域名我是在阿里云上注册的，很便宜，首年29块钱首先到阿里云域名注册页输入你想要的域名查询https://wanwang.aliyun.com/domain/如果没被人抢注就可以加入清单直接购买结算的时候需选择个人或者企业，且还要学者一个通过邮箱真实性验证的模板，如果没有需创建一个然后就可以提交订单支付购买了若未实名认证还需提交身份证照片审核，说是两三个工作日内...原创 2019-06-18 21:18:27 · 5134 阅读 · 18 评论 -
Hexo博客NexT主题右上角添加fork me on github入口
先看下实现效果，右上角有个GitHub的小图标，点击后可以自定义跳转其他页面，我这里设置的是我的GitHub主页1.首先到GitHub Corners或者GitHub Ribbons选择自己喜欢的图标，然后copy相应的代码2.然后将刚才复制的代码粘贴到themes/next/layout/_layout.swig文件中<div class="headband"></...原创 2019-06-26 23:46:38 · 2314 阅读 · 1 评论 -
Hexo博客NexT主题下添加文章边框阴影效果
1.打开themes/next/source/css/_custom/custom.styl文件2.在custom.styl文件中添加如下配置.post { margin-top: 60px; margin-bottom: 60px; padding: 25px; -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5...原创 2019-06-26 23:54:30 · 3619 阅读 · 12 评论 -
Hexo博客新建文章
命令行创建一篇新的文章，输入如下命令，其中<title>替换成你的文章标题$ hexo new <title>或者$ hexo new post <title>实际运行可以看到创建的文件在/source/_posts路径下D:\hexo\blog>hexo new 我的第一篇博文INFO Created: D:\h...原创 2019-06-24 20:47:47 · 7292 阅读 · 0 评论 -
Hexo博客删除文章
目前未找到删除文章的指令，可以到目录/source/_posts下删除相应的文章，然后重新生成部署即可到目录/source/_posts下删除相应的文章 $ hexo g $ hexo d原创 2019-06-24 20:56:05 · 12188 阅读 · 0 评论 -
Hexo博客新建草稿
输入如下命令新建一个草稿文件，其中<title>替换成草稿标题$ hexo new draft <title>实际运行可以知道新建的草稿文件存放在/source/_drafts路径下D:\hexo\blog>hexo new draft "我的草稿文章"INFO Created: D:\hexo\blog\source\_drafts\我的草稿文...原创 2019-06-24 21:21:04 · 1049 阅读 · 0 评论 -
Hexo博客部署到Gitee码云
注册账号首先你得有个Gitee码云账号，没有的话就注册一个，这里就不再详细说明了创建项目创建一个与你的Gitee控件地址同名的空项目，比如我的Gitee空间地址为https://gitee.com/himmi，那么创建的项目名为himmi，最终博客部署后的访问地址为https://himmi.gitee.io修改配置复制上一步创建的项目的地址，比如我的项目地址是git@gi...原创 2019-07-13 21:14:37 · 6549 阅读 · 1 评论 -
静态网站生成器Static Site Generators（SSGs）推荐
简介Static Site Generators（SSGs）可以用来生成静态网站、博客，可以部署到GitHub Pages、GitTee Pages、Gitee Pages等免费空间上。SSG：项目官网Wbsite URL：示例网站Project URL：项目在GitLab上的主页Configuration：部署到GitLab Pages的GitLab CI配置文件Envi...原创 2019-07-14 14:38:06 · 439 阅读 · 0 评论 -
静态网站(博客)生成器Static Site Generators（SSGs）大集合
这是一份静态网站生成器的推荐集合，按开发语言或者平台分类和排序，大家各取所需。如果大家有用什么新的静态网站生成器未在本文章中列出，麻烦在评论中说下，我会不断更新该集合。ClojureCryogen- A simple, static, automated CMS shipped as a template on Leiningen, a Clojure build tool.misak...原创 2019-07-14 15:00:09 · 1044 阅读 · 0 评论 -
史上最全的静态网站生成器Static Site Generators大集合
在以下两篇文章中我们介绍了一些常见的静态网站(博客)生成器，后来发现了一个国外的别人家的网址，整理的更加全面，可以号称是史上最全的Static Site Generators大集合，集合了超过463个项目，这里转载过来介绍给大家 静态网站生成器Static Site Generators（SSGs）推荐 静态网站(博客)生成器Static Site Generators（SSGs）...原创 2019-07-14 17:20:20 · 4622 阅读 · 0 评论 -
静态网站(博客)生成器Static Site Generators (SSGs)介绍
最近在研究静态博客生成器，看到了GitLab上的一个相关的系列的3篇文章写得很不错，这里记录一下，也分享给想了解Static Site Generators的同学。SSGs Part 1: Static vs Dynamic Websites第一篇文章对比了静态网站和动态网站的不同点，及各自的优缺点SSGs Part 2: Modern Static Site Generators...原创 2019-07-14 19:25:00 · 456 阅读 · 0 评论 -
史上最全的静态网站生成器Static Site Generators大集合（二）
在上一篇文章史上最全的静态网站生成器Static Site Generators大集合中我们介绍了一个集合了超过400个SSG的优秀的网站，站长真的是很用心。今天再介绍另一个网站，叫做StaticGen，是由虚拟主机提供商Netlify维护的，集合了超过250个的项目，也是非常全和用心了，而且可以按照开发语言、模板、开源协议来筛选项目，还未开始搭建自己静态网站或者静态博客的读者们，非常推荐这个网站...原创 2019-07-15 20:32:45 · 1226 阅读 · 0 评论 -
Netlify直接从GitHub导入项目部署个人博客
前言最近在搞个人博客，一开始用的是Hexo+GitHub Pages，但是后来发现用GitHub搭建的站点无法提交百度搜索，因为GitHub禁止了百度爬虫爬取，这样就无法通过百度搜索搜到我的博客了，然后就想着部署到Netlify，Netlify可以支持直接导入GitHub、GitLab等平台的静态博客直接部署。准备访问Netlify，不需要梯子，若无账号先注册个账号。部署我已经...原创 2019-07-17 20:57:31 · 2339 阅读 · 0 评论 -
Netlify搭建个人博客设置域名
前言在上一篇文章Netlify直接从GitHub导入项目部署个人博客中我们介绍了如何从Git仓库直接导入项目快速部署个人博客，如果不了解的可以先看上一篇文章，今天这篇文章主要介绍如何为Netlify博客设置域名设置域名1.首先进入Netlify控制台，选择要设置域名的项目，我选择了angry-bose（愤怒的博塞，这默认生成的子域名很有趣）2.然后点击第二个步骤"Set up ...原创 2019-07-17 21:58:22 · 6528 阅读 · 4 评论 -
解决Hexo博客引用网络图片无法显示的问题
问题我的博文首发是在CSDN，这样在Hexo博客发布时就可以直接引用CSDN的网络图片。但是在刚deploy上去的时候，预览都是OK的，但是过几天后就全都显示不了，如下图所示用Chrome浏览器，按F12提示如下403错误解决方法方法其实很简单，只需要文章的头部如下图所示位置添加<meta name="referrer" content="no-referrer"/&...原创 2019-07-21 22:42:34 · 4141 阅读 · 11 评论 -
Hexo文章Scaffolds脚手架
简介在解决Hexo博客引用网络图片无法显示的问题这篇文章中我们介绍了解决加载网络图片失败的方法，只需在需要加载网络图片的文章头部添加一句XML即可。但是如果每次写文章还要敲或者复制这句XML还是稍显麻烦，有没有什么办法在我们执行hexo new "post name"的时候就帮我们把这句话自动添加进来？当然有，这时候Scaffolds脚手架登场了脚手架在scaffolds文件夹下，...原创 2019-07-22 00:09:57 · 1083 阅读 · 1 评论 -
Hexo博客添加live2d卡通人物
实现效果先看一下实现效果，右下角的小可爱就是添加的live2d卡通人物，而且她还会眨眼睛，头会随着鼠标的移动而转动1.安装hexo-helper-live2d$ npm install --save hexo-helper-live2d2.安装live2d其中<live2d-widget-model>替换成想要的，比如我安装的的是live2d-widge...原创 2019-06-26 23:24:00 · 5800 阅读 · 3 评论 -
Hexo博客NexT主题添加百度分享
1.配置NexT中已经集成好了百度分享，我们只需在配置中开启即可打开\themes\next\_config.yml配置文件，搜索baidushare光健字找到以下配置，将baidushare及type前的注释去掉type有两种类型，button和slide可以根据自己喜欢的配置# Baidu Share# Available values: button | slide# ...原创 2019-07-07 22:13:19 · 730 阅读 · 0 评论 -
Hexo博客NexT主题添加theme-next-canvas-nest几何动效
步骤一 进入NexT文件目录$ cd themes/next步骤二 下载canvas-nest我们把canvas-nest下载到next目录下的ource/lib目录里$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest步骤三 配置在NexT配置文件...原创 2019-07-07 16:32:17 · 2623 阅读 · 0 评论 -
Hexo个人博客NexT主题设置Scheme外观
Scheme简介Scheme 是 NexT 提供的一种特性，借助于 Scheme，NexT 为你提供多种不同的外观。同时，几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme，他们是：Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白 Mist - Muse 的紧凑版本，整洁有序的单栏外观 Pisces - 双栏 Sch...原创 2019-06-19 20:07:53 · 2490 阅读 · 4 评论 -
Hexo NexT主题添加百度统计
注册百度统计账号如果没有百度统计账号的先到https://tongji.baidu.com注册一个账号添加博客域名然后在管理页面https://tongji.baidu.com/sc-web/28191016/home/site中新增网站，添加我们的博客域名获取Baidu Analytics ID然后进入代码管理->代码获取https://tongji.baidu.c...原创 2019-06-20 22:16:06 · 1842 阅读 · 0 评论 -
Hexo NexT主题添加不算子统计
不算子官网不算子官网有不算子详细使用的官方文档，但是如果你仅仅是想要在NexT中开启不算子统计，可以跳过直接往下看开启不算子统计NexT中已经为我们集成了不算子统计的代码，我们只需在NexT配置文件中开启即可进入Hexo站点目录\themes\next\_config.yml，打开配置文件搜索busuanzi_count关键字找到不算子统计的相关配置，配置如下：只需将...原创 2019-06-20 22:37:13 · 2688 阅读 · 5 评论 -
Hexo搭建个人博客
准备工作安装Node.js 安装Git安装hexo命令：npm install hexo-cli -gD:\>cd D:/hexoD:\hexo>npm install hexo-cli -gC:\Users\Him\AppData\Roaming\npm\hexo -> C:\Users\Him\AppData\Roaming\npm\node_modul...原创 2019-06-16 22:37:55 · 1264 阅读 · 0 评论 -
Hexo博客更换主题
在文章Hexo搭建个人博客中我们介绍了如何利用Hexo搭建个人博客，刚搭建默认的主题是landscape，我们也可以更换自己喜欢的主题，这里以更换NexT主题为例NexT主题GitHub首页：https://github.com/theme-next/hexo-theme-next安装主题首先进入博客项目根目录d:\>cd hexo/blogd:\hexo\blog&g...原创 2019-06-16 23:00:43 · 2448 阅读 · 0 评论 -
GitHub添加SSH key
1.打开Git Bash命令行窗口2.检查是否已有SSH如果没有，会返回如下信息，继续第三步创建SSH$ cd ~/.sshbash: cd: /c/Users/Him/.ssh: No such file or directory如果本地已经有创建SSH，会返回如下信息，表示本地已经有创建过SSH了，跳过第三步，直接看第四步$ cd ~/.ssh$ lsid_rs...原创 2019-06-17 22:03:18 · 14535 阅读 · 2 评论 -
Hexo部署个人博客到GitHub
准备工作 Hexo搭建个人博客 GitHub添加SSH key 创建GitHub仓库先在GitHub创建一个名字为username.github.io的项目，其中username替换成你自己的用户名修改配置文件打开_config.yml配置文件，找到deploy，修改成如下配置，其中username替换成你自己的用户名# Deployment## Docs:...原创 2019-06-17 22:52:24 · 640 阅读 · 0 评论 -
Hexo NexT主题更改语言
打开站点配置文件：站点根目录/_config.yml然后搜索找到language属性，属性值配置成zh-Hans，表示中文language: zh-Hans然后重新打包部署，却发现未生效，可是网上看的一篇教程明明说这这样配置的，果然还是要自己验证下到 Hexo站点根目录\themes\next\languages文件夹下看有支持哪些语言，发现中文有如下三种，就是没有zh-Hans...原创 2019-06-22 00:29:44 · 13636 阅读 · 3 评论 -
Hexo 修改博客站点标题
SiteSetting Description title The title of your website subtitle The subtitle of your website description The description of your website author Your name language The la...原创 2019-06-22 00:52:36 · 7772 阅读 · 0 评论 -
Hexo 修改博客标题乱码的问题
在文章Hexo 修改博客站点标题中我们介绍了如何配置博客的标题，但是发现如果设置成中文会有乱码的问题。站点配置文件_config.yml原来的编码为ANSI，不支持中文，只需将配置文件_config.yml保存为UTF-8编码格式即可。可以用EditPlus双击底部编码，在弹出的对话框中选择UTF-8编码...原创 2019-06-22 01:02:49 · 2926 阅读 · 0 评论 -
Hexo个人博客NexT主题添加Local Search本地搜索
添加本地自定义站点内容搜索，可以通过文字标题或文字内容关键字搜索出相应文章 安装hexo-generator-searchdb，在站点的根目录下执行以下命令： $ npm install hexo-generator-searchdb --save 编辑站点配置文件，新增以下内容到任意位置： search: path: search.xml field: p...原创 2019-06-22 01:11:48 · 3482 阅读 · 0 评论 -
Hexo博客NexT主题下显示摘要和阅读原文按钮
NexT主题下的首页默认是显示每一篇文章的全文的，如果文章很长就要往下拉很远才能看到下一篇文章我们要设置成每一篇文章只显示150个字的摘要，然后底部显示一个阅读原文的按钮，点击可以进入阅读全文打开NexT主题的配置文件，站点根目录\themes\next\_config.yml 搜索auto_excerpt，然后配置如下，开启摘要，设置摘要长度为150个字# Automaticall...原创 2019-06-22 02:06:18 · 6705 阅读 · 2 评论 -
Hexo博客NexT主题下添加分类、标签、关于菜单项
Hexo NexT主题下默认有首页和归档两个菜单，我们还可以开启其他菜单项，比如分类、标签、关于首先打开主题下的配置文件_config.yml，然后搜索menu找到如下配置项，将about、tags、categories前的#号去掉，就开启了关于、标签和分类标签，当然还有其他菜单项也可以开启# -----------------------------------------------...原创 2019-06-25 19:38:24 · 15290 阅读 · 3 评论 -
Hexo博客NexT主题下添加字数统计和阅读时长
安装hexo-symbols-count-time$ npm install hexo-symbols-count-time --save如果安装完报如下提醒，还需安装eslintD:\hexo\blog>npm install hexo-symbols-count-time --savenpm WARN babel-eslint@10.0.1 requires a p...原创 2019-06-25 23:50:18 · 8847 阅读 · 16 评论 -
Hexo博客百度收录
链接提交给百度在百度中搜索自己博客的域名，如www.himmy.cn，或者site:www.himmy.cn，如果百度找不到该博客的相关信息就说明你的博客地址还未被百度收录，会有如下提示，按提示点击提交网站到相关页面就可以提交我们的博客地址没有找到该URL。您可以直接访问www.himmy.cn，还可提交网址给我们。添加网站及验证所有权登录百度搜索资源平台，然后进入站点管理页面，点...原创 2019-06-23 15:01:08 · 2994 阅读 · 0 评论 -
解决Hexo clean导致CNAME文件被删问题
问题描述在Hexo个人博客绑定域名这篇文章中我们介绍了Hexo如何绑定域名最后需要在GitHub项目的根目录创建一个叫CNAME的文件，文件的内容为我们绑定的域名，详情见这篇文章，这里就不再赘述了一开始我是把CNAME文件直接放在hexo/public目录下，但是每次执行hexo clean后就会被删除后来改成在GitHub项目的Settings->Options->G...原创 2019-07-22 21:59:14 · 3211 阅读 · 3 评论