本文目录:
- 1、自建博客系列(六)Hexo博客的常用配置修改
- 2、如何在linux上使用hexo搭建git博客
- 3、hexo+github博客搭建与备份教程(详细篇)
- 4、怎么使用hexo写博客
- 5、博客搭建系列二:个人博客绑定自己域名
自建博客系列(六)Hexo博客的常用配置修改
在 我的自建博客之路系列 的前面几篇文章中,我们已经一起在本地和github、coding搭建起了自己的hexo博客站点,更换了Next主题,并且绑定了自己选择的个人独立域名,但是还未发表过文章,站点的配置还是原来的默认值。在本节,我们来进行个性化的设置,按照自身需要情况将站点打造成自己的。
这里首先要知道在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的: D:\hexo_config.yml ),主要包含 Hexo 本身整站的配置;另一份位于主题目录( D:\hexo\themes\next_config.yml )下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在以下说明中,将前者称为 站点配置 文件, 后者称为 主题配置 文件。下面我们先来看看 站点配置 文件的配置修改。
Hexo 使用 Moment.js 来解析和显示时间。
在站点的根目录下执行以下命令:
更多插件请移步 Hexo官方插件 页了解
现在执行
打开 localhost:4000 查看效果了。
访问HEXO官方文档
如何在linux上使用hexo搭建git博客
安装前提
安装 Hexo 非常简单。需要预先安装:
Node.js
Git
在 Ubuntu 14.04/15.04 上安装配置 Node.js v4.0.0
如何在CentOS 7安装Node.js
Ubuntu 14.04下搭建Node.js开发环境
Git 服务器搭建与客户端安装
Ubuntu下Git服务器的搭建与使用指南
准备条件做好了之后就可以开始安装Hexo了
安装Hexo
打开Git Bash 执行命令
1
$ npm install -g hexo-cli
创建博客
Hexo安装完成后,分别执行如下命令,Hexo会自动生成需要的文件夹
1
2
3
$ hexo init folder ##folder 为你指定的文件地址
$ cd folder
$ npm install
例如:需要将博客搭建在本地的D:\my_hexo下,则分别执行命令:hexo init D:\my_hexo ,cd D:\my_hexo,npm install
执行完命令后如果没有问题我们就可以执行启动命令来查看我们的博客了.
本地预览
1
2
3
$ hexo server ## 启动服务,默认端口4000
$ hexo server -p xxxx ## 自定义端口启动服务
$ hexo clean ## 清除缓存,在页面显示不正常的时候可以执行此命令
然后在浏览器输入 即可访问
创建Repository
登录github 点击右上角的”+”,Create a new repository
Create a new repository
复制刚刚新建的https连接:
打开你hexo目录下的_config.yml
设置deploy信息,如:
1
2
3
4
deploy:
type: git
repository:
branch: master
设置SSH key
检验是否已存在key
分别执行命令
1
2
cd ~
cd .ssh
再执行命令 ls 查看是有已有key文件,一般存在key的话都会显示id_rsa.pub 和 id_dsa.pub这两个文件,没有key什么都不会显示
添加一个 SSH key
执行命令(已有key的可以跳过步骤2):
1
2
3
$ ssh-keygen -t rsa -C "your_email@mail.com"
## t 指定密钥类型,默认是 rsa ,可以省略。 -C 设置注释文字,比如邮箱或其他。
然后会提示你 Enter Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter,这里是输入一个文件名用来保存ssh key,也可以什么都不输,会使用默认的id_rsa.pub 和 id_dsa.pub
回车之后,需要输入两次密码(该密码是你push文件的时候要输入的密码,而不是github的密码)
输入密码之后,看见如下显示信息,添加SSH key成功.
Github 设置 SSH key
登录github,点击Settings,然后点击 SSH keys ,在这个页面你可以管理你所有的ssh keys
然后点击Add SSH key
用文本编辑器打开刚刚添加的key文件id_rsa.pub,复制里面的所有的内容
回到github页面,将复制的内容粘贴到刚刚那个页面的key对应的文本框里面,title 可以随便填写
测试ssh key 是否添加成功
在命令行输入:
1
$ ssh -T git@github.com
会出现一段警告代码,输入yes回车,然后会要求你输入刚刚设置的密码,然后它会和你说:Hi,帅哥....约吗
到此SSH key就设置完毕了
部署到Github
打开命令窗口,回到你的hexo博客目录下,如别执行如下命令:
1
2
hexo generate
hexo deploy
等待命令执行完毕后,可以查看代码是否已提交到github上,然后在浏览器输入admol.github.io就可以访问了
新建页面
1
$ hexo new page 'pageName'
执行命令后可以在你本地的/source 目录下看见以为你新增页面名为名的文件夹
显示页面
打开文件后可以对index.md 进行编辑.然后打开/themes/jacman目录下的_config.yml文件(自己正在使用的主题),
添加刚刚新增的页面:
1
2
3
4
5
menu:
首页: /
统计: /archives
关于: /about
pageName: /pageName ##前面的pageName可以自定义,后面的pageName必须写刚刚新增的页面名称
新建文章
1
$ hexo new [layout] 'name'
[layout] 为可选,不写默认为post. /source 目录下的文件夹名称即为 layout 名
安装主题
1
$ git clone themes/icarus
更换主题
首先下载主题,然后打开根目录下的 _cinfig.yml ,修改 theme: 要更换的主题名
修改主题颜色
打开 /themes/jacman目录下的_config.yml文件,修改:
1
2
theme_color:
theme: '色值'
修改logo图片
打开主题下的 _config.yml 文件,修改:
1
2
3
4
imglogo:
enable: false ## 是否显示logo
src: img/logo.gif ## logo图片地址
favicon: img/qq.ico ## 页面左上角图标
Hexo 版本升级
1
$ npm update hexo -g
hexo+github博客搭建与备份教程(详细篇)
来自肥宅的小乐趣,带你玩转hexo自建博客,生活还是需要装一下的嘛:)。
官网 :
关于hexo,如官网的一句话介绍,
正如上面的介绍,hexo会在本地生成一个静态html页面,为了让别人看到我们的博客,我们就需要将其推到远端--服务器。
那么github就提供给我们一个免费的仓库,对于新人练手是再好不过了。当然,也可以购买属于自己的域名,让更多的朋友看到你的博客。话不多说,让我们开始吧!(作者使用的是mac os系统,其他系统也类似)
mac用户推荐使用 Homebrew
笔者安装的版本为v12.6.0
安装hexo需要依赖node.js的 npm 的包管理器,由于国内镜像源速度很慢,为了避免出错,所以在使用之前一般是利用 npm 来安装 cnpm , cnpm 为淘宝的镜像源。
至此,我们hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!
若不存在,请进行下一步(存在,请跳过创建步骤)
输入后按回车,然后会提示输入密码,可以按回车设为空。之后SSH就生成了,下图所示:
4. 检验SSH Key
执行yes,若出现下例,则表示配置成功。
5. 设置用户信息
6. 本地博客部署至Github
终端 myblog 目录下,使用 vim 打开 _config.yml ,
滑动至最底部,如图,编辑 deploy 节点,
type: git
repo: git@github.com:codehory/codehory.github.io.git
branch: master
注:1.冒号后有空格 2. repo 一行为新建仓库的SSH地址,打开新建仓库就能看见
输入完毕,按 esc , :wq 保存退出。
7. 安装部署插件
在 myblog 目录下,
8. Deploy to Github
至此,恭喜,完成全部部署,在网址栏输入: yourusername.github.io 就能看到你的初步博客啦!( yourusername 为你github用户名)
在 myblog 目录下,新建一篇博客,
在本地博客的 source-_posts 路径下看到新建的文章,是md格式的,使用markdown文本编辑器进行编辑即可。
编辑完成之后,执行以下命令,即可更新博文,
为了继续满足我们深入骨髓的DIY之心,换一个自己喜欢的主题也是必不可少的环节。Github上有很多眼花缭乱的主题,去选一个自己喜欢的吧!
本文例程使用的是:
在 myblog 目录下,用 vim 打开 _config.yml ,
可以修改 title,subtitle,description,keywords,author 等内容,这些属性依赖于你选择的主题。
输入完毕,按 esc , :wq 保存退出。
menu 用来设置你博客的分类,标签等。
subnav 为你的社交媒体的链接,如github,微博等。
用github当图床
头像 更换:在 myblog 目录下的 source 文件下创建 img 文件,将图片保存在其中。我们通过部署生成,把图片放到 github 上,通过链接找到。
例如:本文将一张 timg.jpeg 的图片存放到 myblog/source/img/ 下,那么我们可以通过之前生成的链接,如 ,进行图片的插入。
还有许多诸如此类的设置,各自进去修改吧,同样的操作,保存退出。
最后来看看我们的博客吧,还不错吧:
由于博客是在本地生成的,如果更换电脑,那我们是不是就不能用这个博客了?方法总比问题多,我们可以利用 github 来备份博客的文件和数据。
第一次备份完毕,以后的备份,只需进行如下操作:
这样备份完毕后,我们在另一台电脑上,只需 git clone 一下就行了。
说长不长,说短不短,一通操作下来,不知你是否成功了呢?作者只是抛砖引玉,带你入门,之后的进阶过程,还望各位继续探索,玩转hexo。欢迎在评论区展示下你们的成果咯,让作者也学习学习,哈哈。同样,如若有任何纰漏或者相关问题,请在评论区留言吧!感谢各位观看!See you~
怎么使用hexo写博客
使用hexo写博客
新建一篇文章 hexo new post 文章名称
在返回的地址里面找到那个.md文件
打开并用markdown语法写
写好了之后 hexo g -d 发布到网上
这么说可能还是有点抽象
图文教程可以上这里看
dugblog.coding.me
博客搭建系列二:个人博客绑定自己域名
上一篇文章,我们详细说明了如何用hexo搭建个人博客,并且有了自己的博客地址。但是,有的同学可能觉得还不够牛逼。ok,那下面我分享下自己的博客是如何绑定自己申请的域名。
博客绑定域名,首先,你得有个域名。关于申请域名的网址有很多,国内有万网(被阿里云收购了),新网等。不过我不推荐在国内购买域名,需要备案等一系列手续非常麻烦。
国外的域名注册商很多,用的比较多的有GoDaddy、namecheap、name.com等,至于选哪个,推荐大家一篇知乎上的文章 没错,我是在namecheap上注册的,现在貌似没有优惠码了,不过他们家免费送Whois 隐私保护(Whois查询不到注册人),SSL证书不再免费,不过和域名一起购买只需再花2$,总共一年也就70几块钱。
这里推荐大家申请后缀为.com的域名。当然了,如果你喜欢有个性的域名,或者希望网址能短一点,选其他的应该更容易命中。还有点要注意,namecheap不支持支付宝,银联,大家可以选择带有master或者visa标志的银行卡支付。这里再给大家推荐个比价网站 有个网站第一年很便宜,后面续约越来越贵。我想一般我们的域名申请了应该会用挺久的吧。
DNS域名解析一般都是用的DNSPod,大家注册以后去域名解析一栏添加自己刚申请的域名。然后设置如下图所示:
大家只需要添加红框部分内容即可,其他设置下一篇文章会说。这里我们添加了主机记录分别为www和@两种类型,分别对应着您的网址带www和不带www的映射。防止有的浏览器默认添加www导致网页打不开。
一定要注意我们的CNAME记录指向值,我看网上很多都是设置的一个ip值,其实这样不好。因为第一,ip地址可能会变。第二,写死ip地址,万一这个主机挂了,或者某地区的这个ip网络信号不好,我们的网页就不打不开。大家可以在命令行dig一下,上一篇文章说过这个命令。
还有个非常重要没说,就是去你域名注册的网站去绑定DNSPod的dns服务器设置。如果是namecheap网站,替换掉网址 中的your_domain_name,添加两条NAMESERVERS记录,设置如下图所示。
这样,你的网站才能被DNSPod做dns解析。一般需要一定时间才能生效,我当时是半个小时左右吧。
在你的博客source文件夹里创建CNAME文件,不带任何后缀,里面添加你的域名信息,如:weitianyao.com(注意前面不添加 http:// ),如下图:
然后就 hexo d 试试吧。
【hexo搭建博客】的内容来源于互联网,如引用不当,请联系我们修改。
网友留言: