搭建hexo博客与yilia主题优化

最新推荐文章于 2021-07-25 08:24:19 发布
最新推荐文章于 2021-07-25 08:24:19 发布
阅读量1k 收藏 14
点赞数 3
文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42585316/article/details/105045122
版权

一、目的

作为一个学程序的，有个个人博客，平时写写自己的学习笔记，记录一下自己的生活，写一些自己在学习过程中遇到的一些坑，还有记录一下自己的项目作品，我觉得这是一个很有趣的事，另外，个人博客在自己找工作的过程中是一个很好的加分项。

我其实也是一个小白，什么都不会，一些网页的知识都不知道，而我跟随大佬一步步搭建出了我的个人博客，故此记录一下整个过程，写一些我遇到的坑。

大佬视频：手把手教你从0开始搭建自己的个人博客

二、开始准备

1、Git

Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目，之后我们会将博客部署到Github pages 中，所以一个Github的账号是必要的，还有自己电脑必须装有Git才能将博客部署上去。

Git下载地址

Git 的安装网上有很多教程，这里就不演示了。

Windows系统Git安装教程（详解Git安装过程）

安装成功后需要登录用户名和密码

git config --global user.email "you@example.com"
git config --global user.name "Your Name"git

然后使用

git config user.name
git config user.email

查看自己的Git账号

2、Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。我们需要Node.js来支持，生成 Hexo 。

Node.js 官网下载

Node.js 中文网

Node.js新版本安装很简单，一路下一步就好，可能要修改的就只有安装目录等，完了会提示你安装一下依赖项，确定就好，我因为安装的时候着急，依赖项安装了一半，没安装成功，最后找到开始菜单下的Install Additioal Tools to Node.js 才安装好的，所以安装的时候一定别着急。

三、部署环境

准备工作做好了之后建一个你之后要存博客的文件夹 Blog ，然后在这个文件夹中鼠标右键点击打开Git Bash Here ，用Git Bash 执行之后的命令比较好。之后如果中途出了问题，或者你想重新弄一个博客可以直接将这个文件夹删了重新来一遍

1、安装hexo框架

  • 然后使用 node -v 查看安装好的版本

在这里插入图片描述

  • 使用npm -v查看包管理器的版本

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Aif6KULh-1584934893738)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/2.png)]

  • 因为我们需要利用 npm 包管理器安装 hexo的框架，但npm的源在国外，下载很慢，故我们使用淘宝的源，使用npm install -g cnpm --registry==https://registry.npm.taobao.org

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C5qGYpEq-1584934893752)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/3.png)]

我的是安装过得所以很快，你们的要自己看，错了也没事，重来就行

  • 安装好了就用cnpm -v查看版本

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WWaVjd5B-1584934893756)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/4.png)]

  • 安装好cnpm后利用cnpm 安装 hexo cnpm install -g hexo-cli

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITGB8OwR-1584934893761)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/5.png)]

  • 安装完可以用hexo -v查看版本

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vbMeqeqT-1584934893764)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/6.png)]

2、解决Git Bash 中文乱码问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LU7DAC0I-1584934893766)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/001.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ltNElneb-1584934893767)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/002.png)]

  • 打开设置后点击 Text，将 locale 中改为 zh_c ，将 Character set 中改为 GBK

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IDHWqHIC-1584934893769)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/003.png)]

修改后保存，退出 Git Bash ，重新打开就不会乱码了

四、初始化博客

  • 使用hexo init初始化 hexo ，注意文件夹必须是空文件夹

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PfagwsY6-1584934893771)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/7.png)]

  • 这里出现了一个错误 ，经过我多次查找问题，在百度上查询，最终找到原因，是因为没有node_modules文件夹，所以我们按照提示运行npm install

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2gmrCyfh-1584934893772)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/8.png)]

直到没有错误出现

  • 然后就可以启动博客了，使用hexo s启动博客

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0iRRCNN8-1584934893775)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/9-1584775663698.png)]

  • 然后就可以看到博客启动成功，在本地的4000端口启动，我们可以将这个地址添加到浏览器访问，（不能用Ctrl+C，那样会停止运行）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SKnyPlve-1584934893777)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/10.png)]

他会默认生成一个博客叫 Hello World，当然你完全可以直接删除 Hello World这篇文章。

五 、写博客

1、生成博客

  • 博客已经生成了，现在我们已经可以写博客了，使用hexo n "我的第一篇博客"，他就可以为我们创建一篇名叫“我的第一篇博客”的博客

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JPKgtWf8-1584934893782)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/11.png)]

  • 这样就已经建立了一个博客，并且他将文件路径给了我们，我们可以先使用 pwd 命令查看我们当前在哪个目录下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fj1fSFrU-1584934893783)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/12.png)]

  • 使用cd命令切换到我们要编辑的文件夹，即 cd source/_posts

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GPb4RhWM-1584934893786)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/13.png)]

  • 然后查看当前文件夹的文件，使用ls 命令，即 ls -l

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mw3lZJFs-1584934893787)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/14.png)]

就可以看到我们新建的博客了，还有hexo默认帮我们建的博客，

2、使用 vim 编辑器编辑博客

  • 然后我们就可以写博客了，用 vim 编辑器打开要写的博客

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dZUtSPfD-1584934893793)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/16-1584779229206.png)]

  • vim 编辑器刚进来是在命令模式下，我们需要按 a或i 进入编辑模式，输入将要写的内容
    在这里插入图片描述
    注意，着这里我用了 Makedown 的方式写的

  • 写完后按 Esc 键退出到命令模式，之后输入按 : 进入底线命令模式，输入wq 按回车进行保存退出

在这里插入图片描述

  • 然后我们退回到原来的文件夹目录，即刚开始的 Blog 目录，cd ../..

在这里插入图片描述

  • 然后使用 hexo clean 清除一下，接着用 hexo g 重新生成一下

在这里插入图片描述

在这里插入图片描述

  • 然后就可以重新启动博客了 ，使用hexo s 启动博客

在这里插入图片描述

  • 打开浏览器，输入http://localhost:4000 查看博客

在这里插入图片描述

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hawNLTh5-1584934893827)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/24.png)]

3、非命令行编辑博客

当然不会用命令行的或命令行用不惯的可以省略部分命令

  • hexo n "博客名称" 和cd source/_posts 可以在资源管理器内找到路径，右键点击新建文本文档，将文件后缀名改为 .md ，加上文件名，新的博客就创建成功了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qkClCbKG-1584934893832)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/01.png)]

  • vim 博客名称 、按a或i进入插入模式、按Esc进入命令模式，按：进入底线命令模式、按wq 保存退出，可使用任何一款带 Makedown 的编辑器，我使用的是 Typora ，很好用，Typora下载地址

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mtNTzSyy-1584934893834)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/02.png)]

  • 剩下的 hexo clean、hexo g、hexo s 是必须要记住的

4、vim编辑器中文乱码问题

找到 Git 的安装目录，比如说我的在D:\Program Files\Git 中，在这个文件夹中进入etc目录中，用文本编辑器打开 vimrc 文件，在里面添加

set fencs=utf-8,gbk,utf-16,utf-32,ucs-bom "编码配置
set nu									  "vim行号显示

在这里插入图片描述

修改完成后退出 Git Bash ，重新打开之后再使用 vim 编辑器时就不会乱码了

六、把博客部署到远端

现在已经可以写博客了，但是这样只能在本地查看，所以我们需要将博客部署到远端，这里我们使用 GitHub ** ，将我们的博客部署到GitHub**中，实现远程访问

1、创建仓库

  • 首先我们需要一个 GitHub 的账号，可以在GitHub中注册
  • 然后我们新建一个仓库

在这里插入图片描述

  • 博客名称必须以你 GitHub 账号的昵称构成，比如说我的 GitHub 账号昵称为thelnktears ，则这个仓库的名称为thelnktears.github.io 描述随便写

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2QHZWRAc-1584934893845)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/26.png)]

我这已经创建过了，所以就出错了，然后就创建

2、安装插件

  • 之后回到我们电脑上创建的Blog 文件夹下，安装一个git 的部署插件，使用cnpm install --save hexo-deployer-git 安装

在这里插入图片描述

3、设置上传

  • 然后修改 Blog 文件夹下的 _config.yml 这个文件，使用vim 编辑器打开 vim _config

在这里插入图片描述

  • 按a或i 进入插入模式，找到 Deployment 在下面添加如下内容，按esc 退出插入模式，按: 进入底线命令模式，输入wq保存退出
    • type: git
    • repo: 新建仓库的HTTPS的地址
    • branch: master
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/thelnktears/thelnktears.github.io.git
  branch: master

新建仓库的地址可以在建完仓库后跳转的页面中得到，如果退出去了则可以在克隆仓库的地址中找到

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-94p74YwQ-1584934893880)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/30.png)]

4、上传博客

  • 退出后使用 hexo d 把博客部署到远端，在浏览器中输入https://thelnktears.github.io/ ，也就是你新建仓库的地址，有时GitHub 网比较慢，所以稍微等待

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vHliIrwm-1584934893882)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/31.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WQamehob-1584934893884)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/33.png)]

  • 部署成功后

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eNXpB1t6-1584934893887)(%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%B8%8Eyilia%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96/32.png)]

注意，如果你的 GitHub 昵称里有大写，建议你重新修改一下名字，不要有大写，因为大写的话浏览器会改为小写，从而无法访问到正确的地址

七、给个人博客换主题

现在博客的主题是默认带的，不好看，所以我们需要对其进行修改

1、下载主题

这里我们使用 yilia这个主题，写的很好，很多人用

使用git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 克隆下载 yilia 这个主题

在这里插入图片描述

2、修改主题

下载完成后需要将主题应用到我们的博客里面，设置主题我们需要修改Blog 目录下的 _config.yml 这个文件

使用命令 vim _config.yml 打开文件

在这里插入图片描述

找到 theme 这行，默认为 landscape ，修改为我们想要替换的主题

在这里插入图片描述

修改过后

在这里插入图片描述

这样我们的主题就换过来了，我们启动一下看看，使用 hexo clean 、hexo g 、hexo s 在本地启动

在这里插入图片描述

八、博客主题优化

此时，我们的博客已经换好主题了，但是不是我们想要的样子，所以对这个主题还要进行修改，换成我们想要的样子

1、网站名称

  • 打开 Bolg 目录下的 _config.yml 文件，修改名称，即 title后的名称，修改为你想要的名称

在这里插入图片描述

2、副标题

即 subtitle 后的名称，可以放些你喜欢的句子

在这里插入图片描述

3、作者名称以及语言

author 以及language

在这里插入图片描述

修改完成后

[

4、修改头像

发现头像还没改过来，至于头像，我们需要到下载的主题的目录中修改而在下载时，将yilia 的主题下载到了 themes/yilia 这个目录下，所以我们打开这个目录，找到里面的 _config.yml 的文件，即 themes/yilia/_config.yml ，打开这个文件

找到如下行，添加你的头像，将你的头像图片放到 yilia 目录下的 source 中的 img 文件夹下，即Blog\themes\yilia\source\img ，并且将 _config.yml文件的如下行修改，在 avatar: 后面添加 路径 /img/avatar.jpg

#你的头像url
avatar:

在这里插入图片描述

5、修改网站图标

将你的图标放到 yilia 目录下的 source 中的 img 文件夹下，即Blog\themes\yilia\source\img ，并且将 _config.yml文件的如下行修改，在 favicon: 后面添加 路径 /img/avatar.jpg

在这里插入图片描述

6、修改连接

yilia 的主题帮我们打开了 Github 、微博、知乎等的链接，我不需要这么多，或者这些我用不到，那就修改掉，我想要的有Github 、QQ、微信，QQ 、微信我使用添加好友的二维码代替了

在这里插入图片描述
此时就会被修改为如下情况

在这里插入图片描述

目前看似差不多了，但是我们点击所有文章、友链、关于我时发现好像还是不对，那接着修改

7、所有文章

点击所有文章会弹出如下情况，按照提示，进行修改

在这里插入图片描述

输入 cnpm i hexo-generator-json-content --save

在这里插入图片描述

打开 Blog 文件夹下的 _config.yml 文件，添加如下内容

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

在这里插入图片描述

然后所有文章就改过来了，

在这里插入图片描述

8、友链

添加友链，帮忙推广一些技术大佬，添加大佬们的网站、博客地址，同时添加友链也能增加自己博客的访问，打开 yilia 文件夹下的 _config.yml 文件，进行修改

在这里插入图片描述

9、关于我

添加一些关于自己的话

在这里插入图片描述

10、打赏

现在打开博客文章后，翻到后面会有一个打赏的功能，将其运用起来，如同加载头像、QQ、微信等的链接的方式，添加微信或支付宝的收款码

在这里插入图片描述

11、目录

现在博客已经可以了，但是我们点击随笔时会出错，经过查询，我知道了，这是一个标签，通过写的文章的标签添加到这个链接里（我的理解，大佬勿喷），而博客的随笔可能不多，相同这个后，我觉得应该为博客添加一个目录，以后文章多了找起来方便，写文章时添加一个名叫目录的标签，以此达到为博客添加目录的目的，简单易行。

在这里插入图片描述

之后每次写文章，在 tags 后面都添加一个目录的标签，就实现了目录的功能，注意每个标签后面都有一个空格，这是人家规定的，必须这样写，否则会出错

在这里插入图片描述修改完启动博客，点击目录就会发现可以跳转到类似于目录的页面

在这里插入图片描述

然后使用 hexo d 把博客部署到远端，在浏览器中输入https://thelnktears.github.io/ ，也就是你新建仓库的地址，有时GitHub 网比较慢，所以稍微等待，然后你就会发现，博客被部署到远端了，之后你就可以将这个网址告诉别人，说这是你的博客网站

九、我们的博客

在这里插入图片描述

博客搭建好了，我没有添加评论等功能，因为十分麻烦，效果也不明显，就放弃了，现在的功能我已经满意了，剩下的就是多写博客，为博客添加内容。其实除了一些必要的明亮，搭建博客还是很容易的，毕竟别人帮我们写了很多内容，我们只是使用者。我的博客就这样了，我很满意，如果各位有不满意的可以在网上查找相关内容，修改_config.yml 文件，所有设置都是通过这个文件实现。

TheInkTears
关注
Node.js-Yilia一个简洁优雅的hexo主题
08-09
Yilia 是为 hexo 2.4 制作的主题。 崇尚简约优雅，以及极致的性能
hexo+yilia建立一个自己的博客.docx
04-05
【Hexo + Yilia 主题】是用于快速搭建个人博客的一种解决方案。Hexo 是一个基于 Node.js 的静态站点生成器，它能够将内容转化为静态页面，便于发布在各种托管服务上，如 GitHub Pages。Yilia 是 Hexo 的一个美观、...
基于yilia theme的Hexo博客功能优化(一)：博客url自定义、目录、博客插入本地图片、首页折叠文章
技术篮子
04-26 741
  乘着周末偷闲，进行建站以后第一次优化更新。本文首发我的博客-博客更新日志20200426 一、文章页面url自定义 默认url为时间+标题，这对于中文网站来说实在是有点不友好，所以我查了资料对其进行了优化。 tip：因为考虑到我发博频率较低，所以有些部分采用的人肉手动标注。 打开根目录下的.config.yml配置文件 ctrl+f找到permalink，将其修改为 :ye...
Hexo | （五）Yilia主题优化
weixin_30391339的博客
07-16 1342
yilia主题简单优雅，但是缺少一些我想要的功能，所以我自己稍微扩展了一些功能，比如添加了之前使用的LiveRe评论系统，新增了百度自动推送功能，在文章底部追加了版权声明，勉强实现了相册功能。 优化后的yilia主题：https://github.com/liziczh/hexo-theme-yilia add:LiveRe评论系统 1.在yilia/layout/_partial/post下添加...
Hexo搭建博客（主题yilia）
weixin_44151974的博客
05-01 278
1.安装的前提是你已经安装了git 和 node 2.安装Hexo 打开 git bash，输入如下命令(全局安装): sudo npm install -g hexo 上面的 -g代表全局安装，hexo后的 -cli 代表命令行，也就是说再安装hexo的同时也会安装hexo的命令行。有的教程的安装命令都不带 -cli 我不知道可不可以，但官网上给出的是带的，以官方为准 3.本地搭建hexo博...
hexo+next添加雪花飘落背景效果
<WRM>的博客
09-25 1630
该文章以hexo+next为例，介绍添加雪花飘落背景效果步骤（hexo下的其它的主题大同小异） 效果请查看我的个人博客 在\blog\themes\next\source\js目录下新建snow2.js文件，添加如下代码 /*样式一*/ (function ($) { $.fn.snow = function (options) { var $flake = $('<div id="snowbox" />').css({ 'positi
aikq-blog-source:基于Hexo + Yilia构建博客原始码，博客地址->
03-23
【标题】"基于Hexo + Yilia构建博客原始码"是一个关于个人博客搭建的主题，它涉及到的主要技术是静态网站生成器Hexo以及Hexo的一款主题Yilia。Hexo是一款广泛使用的开源工具，它允许用户通过Markdown等简洁的文本...
GitHub+Hexo博客搭建及优化
hceng_linux
05-08 1402
CSDN仅用于增加百度收录权重，排版未优化，日常不维护。请访问：www.hceng.cn 查看、评论。 本博文对应地址: https://hceng.cn/2017/03/06/GitHub+Hexo搭建及优化/ 本文主要是记录本博客的搭建和优化。 为什么做独立博客？ 我想大概就是激励自己去持续学习和思考。 首先说下本博客搭建的大致流程: 1.有一个GitHub账号，同时配置GitHub ...
简约优雅的Hexo主题Yilia：追求极致性能与移动端体验
资源摘要信息:"Hexo是基于Node.js的静态网站生成器，能够将Markdown等格式的文档快速转换为静态网站。Yilia主题是为Hexo 2.4+版本专门...这个过程只需要几分钟，就可以让用户开始使用Yilia主题来搭建自己的博客网站。
文本溢出后添加省略号
woyaoshengzhang的博客
04-02 356
1.单行文本溢出添加省略号p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }2.多行文本溢出添加省略号p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }display:-webit-b...
hexo 配置yilia主题
枫之木落的博客
12-08 4109
又异常不能发布了，我的个人博客： http://www.lookk.cn/2017/12/08/hexo-%E9%85%8D%E7%BD%AEyilia%E4%B8%BB%E9%A2%98/
hexo更换yilia主题
全栈菜鸟的博客
04-27 430
前言 hexo的主题有很多，yilia这个主题很合我胃口（还有一个主题也很赞，我会再推荐），但这个项目已经不更新了，有很多bug，不过慢慢改总是挺好用的（新手友好度很高）。 更换yilia主题 yilia项目地址： https://github.com/litten/hexo-theme-yilia 在hexo目录里： git clone https://github.com/litten/...
hexo+yilia进行SEO优化
荷塘月色
11-13 1651
推广是一个烦人的事情，特别是对于我们搞技术的来说，可能就不擅长推广，那么怎么才能让别人知道我们呢，我们就要想办法让别人通过搜索就可以搜索到你博客的内容，给我们带来自然流量，这就需要seo优化,让我们的站点变得对搜索引擎友好。
Hexo中yilia主题使用问题总结
qq_37939980的博客
02-19 2259
利用hexo搭建好博客后，就可以自己设置主题了。常用的主题里yilia算是比较美观简洁的。于是开始倒腾yilia。在网上也找到了许多相关的教程但是都不够集中，甚至有一些小问题（某个博主的教程甚至导致我的主题配置文件损坏~~~只好重新配置）。于是自己进行一下小总结。 附hexo配置文件说明文档 关于yilia主题下载问题，一般不会出错。速度慢是因为github上不去。 下载完成后，将博客文件夹下...
【hexo】yilia主题优化-一-右侧新增fork-on-github
最爱吃大米的博客
07-25 244
选择一张合适的图片的新增到网站的右上角，用于快速跳转到个人github等相关网站。 1.打开/themes/yilia/layout/layout.ejs 文件，新增如下代码 // theme.github 为_config.yml中配置，接下来会提到 <% if (theme.github && theme.github.url) <% # "GitHub Ribbons" %> <a class="forkMe" style="position:absolu
Hexo建站、部署、主题优化
dta0502的博客
07-23 843
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 下面记录本人Hexo建站、部署、主题优化的过程。 Hexo建站、部署 Hexo建站教程 GitHub Pages绑定域名 Hexo博客部署到VPS Hexo NexT主题优化 Hexo-NexT(v7.0+)主题配置 Hexo加入豆瓣读书页面 ...
hexo下yilia主题博客个性化自定义
weixin_45951701的博客
07-16 922
我的博客采用的hexo下的yilia主题，这篇文章记录一下自己折腾配置博客的方法和经过。 首先是创建博客的基本的几个命令 hexo g # 生成博客网页文件 hexo s # 本地预览博客，打开本地网址http://localhost:4000/进行预览 hexo d # 上传网页文件到github hexo new post "Article Title" # 新建一篇博客 hexo cl && hexo g &&　hexo s # 一步实现清除重构本地预览 yilia
Hexo个人博客搭建(Yilia主题)
康__的博客
11-16 711
Hexo个人博客搭建(Yilia主题) 一、安装Hexo $ npm install -g hexo-cli 二、安装 Git $ sudo apt-get install git-core 三、安装 Node.js $ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh $wget -qO- htt...
Hexo + yilia 主题 +githubpages博客添加友言评论功能
destiny'Note
10-31 4164
前言 Hexo博客的Yilia主题中评论系统只提供了畅言、网易云跟帖、多说和Disqus。 由于多说评论、网易云跟帖已经关闭系统，畅言需要域名备案，而github是国外的，没有备案，所以尝试了其他第三方评论系统——友言。 友言使用极其简单，本地成功实现，但是上传上github后发现无法出现评论。 在多次查找与尝试下，终于成功，下面与大家分享我的方法。 欢迎关注我的博客：destiny'Note
Hexo博客搭建与Hexo-REXO主题定制指南
Hexo提供了丰富的主题和插件系统，支持个性化定制，是众多程序员和技术爱好者的首选博客搭建工具。在本例中，博客平台与GitHub Pages结合使用，将GitHub作为项目托管和静态网站的发布平台，实现了博客的版本控制和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值