hexo+github搭建自己的博客
之前很早就想用hexo弄一个自己独立的博客了,在博客园也写了很多的博客,不过不喜欢博客园的风格。不过今天,终于折腾成功了,用hexo搭建了一个在github写的博客,开心,后面会将自己以前的博客慢慢迁移过来。
前期准备工作
- 安装hexo
npm install -g hexo
- 创建一个文件夹,如:myBog,cd到myBog里执行
hexo init
命令 - 执行
hexo generate
(hexo g 也可以) - 执行
hexo server
hexo写博客的步骤
新建一篇博客:
方法1:
1
hexo new "文章标题"
方法2:在本地博客文件夹
source->_post
文件夹下看到我们新建的markdown文件
两者的效果是一样的
进行本地发布
- 执行命令
hexo server
- 浏览器打开:http://localhost:4000/
部署到线上,执行三个命令
hexo clean
hexo generate
也可以hexo g
hexo deploy
或者直接执行 hexo c && hexo g && hexo d
一些常用命令
hexo new "postName"
#新建文章hexo new page "pageName"
#新建页面hexo generate
#生成静态页面至public目录hexo server
#开启预览访问端口(默认端口4000,’ctrl + c’关闭server)hexo deploy
#将.deploy目录部署到GitHubhexo help
#查看帮助hexo version
#查看Hexo的版本
小tips
问:如何让文章想只显示一部分和一个 阅读全文 的按钮?
答:在文章中加一个<!--more-->
,<!--more-->
后面的内容就不会显示出来了。问:本地部署成功了,也能预览效果,但使用 username.github.io 访问,出现 404 .
答:首先确认 hexo d 命令执行是否报错,如果没有报错,再查看一下你的 github 的 username.github.io 仓库,你的博客是否已经成功提交了,你的 github 大专栏 hexo+github搭建自己的博客邮箱也要通过验证才行。
如何更换主题
分为以下个步骤:
- 选择主题:哪里选呢,可以在这里官方主题
- 安装主题: 将主题下载或者clone到你的站点目录的 themes 目录中,比如我要安装yilia主题,那么将改文件夹复制到themes中,即为
themes/yilia
- 打开 站点配置文件_config.yml,找到 theme 字段,并将其值更改为
yilia
(你要安装的主题的文件夹名字) 。 - 验证主题是否启用: 运行
hexo s --debug
,并访问http://localhost:4000
,确保站点正确运行。 - 部署和发布到文章的步骤一样
头像设置
在主题文件夹下的_config.yml
中:avatar: https://avatars1.githubusercontent.com/u/32269?v=3&s=460
.比如我的是themes/yilia/_config.yml
由于我用的是yilia主题,或者直接修改layout/_partial/left-col.ejs
的第六行和第八行为:
1 |
<img src="<%=theme.avatar%>" class="js-avatar show"> |
添加阅读量统计
这里使用的是不蒜子统计 点击前往
添加评论模块
评论模块使用的是 Valine – 一款极简的评论系统
点击前往
后台管理地址: https://leancloud.cn/dashboard/data.html?appid=lfWm5WyOhILUbB9yW5jfsSPM-gzGzoHsz#
文章目录导航
参考的是这边文章 点击前往
hexo+github搭建自己的博客的更多相关文章
- 基于hexo+github搭建一个独立博客
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...
- 使用hexo+github搭建免费个人博客详细教程
[TOC] 本文目录(注意无法点击): 前言 体验更加排版请访问原文链接:http://blog.liuxianan.com/build-blog-website-by-hexo-github.htm ...
- 用 Hexo + Github 搭建自己的博客
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大 ...
- hexo干货系列:(一)hexo+gitHub搭建个人独立博客
前言 一直想要一个自己的独立博客,但是觉得申请域名+服务器的太麻烦了就一直没有实现.偶然机会发现Hexo这个优秀的静态博客框架,再搭配现在流行的gitHub,简直是完美写博客的黄金搭档(免费+方便). ...
- 利用 Hexo + Github 搭建自己的博客
扯在前面 在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大 ...
- 使用hexo+github搭建免费个人博客详细教程(转载)
https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html 1.上传文档的hexo常用命令 2.输入hexo ...
- 基于 GitHub 搭建/创建自己博客 DIY
此博客主要实现通过github创建个人定制的博客的功能,主要参考如下两篇文章,再次感谢. 创建GitHub技术博客全攻略 “授人以渔”的教你搭建个人独立博客 [说明]:使用本文的正确方式是参考上述两篇 ...
- 如何使用Github搭建自己的博客
1.前期准备 sudo apt-get install npm sudo npm install hexo -g 首先使用如下命令创建项目,name是你要创建的博客的名字: hexo init {na ...
- Hexo+Github 高逼格个人博客搭建指南(准备篇)
git 下载并安装git 进入git下载页面,下载合适的版本,并安装.一路 Next ,到了 Select Components 界面,勾选 Git Bash Here 和 Git GUI Here. ...
随机推荐
- ! [remote rejected] master -> master (pre-receive hook declined)
前天准备上传一个project到GitLab上,但是试了很多次都上传不上去,报错如下: ! [remote rejected] master -> master (pre-receive hoo ...
- 5.windows-oracle实战第五课 --事务、函数
什么是事务 事务用于保证数据的一致性,它由一组相关的dml语句组成,该组的dml语句要么全部成功,要么全部失败. 事务和锁 当执行一个事务dml的时候,oracle会被作用 ...
- 17.3.15---关于GPIO控制流水灯的信息
添加一个网址: http://rmingwang.com/gpio-control-flow-lamp-code-archive.html 还有一个 http://www.openedv.com/po ...
- 能够伪装为 win 10 的 kali 体验与中文设置
前言 作为习惯性捣鼓各类操作系统,时长也会使用 Kali 系统,之前看到有新的版本发行 传闻这个版本和之前的版本在系统界面和壁纸上都做了更新,还能一键设置 win 10 的系统界面 对此决定下载体验一 ...
- druid+mybaits简单集成
在前面的文章中,我们对springboot开发中一些常用的框架进行了集成,但是发现还是存在一些问题,比如druid还需要比较长的固有配置,实际上druid官方是提供了相关的starters包的,内部采 ...
- K3CLOUD日志目录
业务站点安装目录\K3Cloud\WebSite\App_Data\Log下面找
- DjangoBlog部署教程
本篇文章将会手把手教你如何部署DjangoBlog项目,首先介绍下我这里的基本环境,请大家仔细阅读此部分,下面的教程都会使用这些约定来介绍: 系统是ubuntu 18.04 LTS 假设你的域名是ww ...
- COMET探索系列一【COMET实践笔记】
这几天在给公司的一个点对点聊天系统升级,之前只是使用简单的ajax轮询方式实现,每5秒钟取一次数据,延时太长,用户体验不是很好,因此打算采用服务器推送技术,故此整理了以下文档,将自己找到的一些资料及心 ...
- Learn Git Lesson06 - 分离头指针
============== 知识点 分离头指针 HEAD 含义 git diff 分离头指针 (Detached HEAD) 有时候想尝试性修改某些内容(实验),也许并不会真的提交到分支,这时候可以 ...
- 疯狂收集个人信息的谷歌,为何不像Facebook那样让人毛骨悚然?
自从Facebook信息泄露丑闻事件发生后,互联网上的个人隐私及安全成为大众的"心病".而大众最讨厌的,是互联网企业收集自己的信息,因此都在积极讨伐这种行为.但他们却忘了,收集用户 ...