您的位置：首页 > 编程语言

github之用hexo建自己的博客

2017-12-27 19:12 218 查看

hexo是个简洁强大的静态博客工具。配合github的无限存储和代码管理可以做出漂亮的博客。

具体搭建方法有很多，可以参考这里：

GitHub Pages + Hexo搭建博客

hexo你的博客

以下是自己在使用过程中积累的一些有用的东西备忘。

查看安装过的包：

npm list --depth 0

修改本地预览端口：

hexo s -p 5000

写新文章

hexo new "name"
hexo g 生成
hexo d 部署

多电脑同步更新

在仓库创建两个分支，一个master,存放你生成的网页，另一个hexo存放你的hexo文件。

修改_config.yml文件，每次在hexo分支写好文章或改动设置后使用hexo d部署到master分支上。

换了新电脑：

确保新电脑上装了git与node.js

使用 git clone拷贝仓库（默认分支为hexo）

github.io文件夹下通过Git bash依次执行下列指令：

npm install hexo
npm install
npm install hexo-deployer-git

具体可以参考这里和这里。

添加腾讯404公益界面

在根目录下创建404.html

复制代码：

layout: false
title: "404"
---
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="all" />
<meta name="robots" content="index,follow"/>
</head>
<body>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8" homePageUrl="http://sunsetcity.cn" homePageName="点击回到我的主页"></script>
</body>
</html>

即可。

如果github使用https,可以使用益播也可以。

在文章内添加fancybox

layout: photo
title:
date:
tags:
photos:
- 图片地址

更新

更新hexo

npm update -g hexo

更新theme

cd themes/主题名

git pull

更新插件

npm update

换机器同步

先在一个目录下做好Node+Git+Hexo的绿色环境，写个hexos.bat可以一键启动hexo工作台，把整个目录用Dropbox同步。

添加站点地图

添加站点地图可以加快网站的收录。

- 安装网站地图生成工具

$ npm install hexo-generator-sitemap --save

去百度站长或者谷歌站长首先提交网址，按说明验证。

下载来的验证文件放在source目录下，在config里的修改以下两项：

url: 你的地址
skip_render:
- 你的文件

编译部署

hexo gd

在站长网页添加sitmap.xml（文件在根目录下）

使用七牛云加速图片访问速度

github国内访问速度并不快，我们可以把图片放在七牛云上。

七牛云是一个免费的图床，配合Mpic工具使用十分方便。

这里有一个很好的教程，可以参考。

注意，现在使用七牛云需要实名认证了。

markdown中设置图片的属性

直接在图片后面加上对应的CSS样式即可

![test image size](url)

改写为

![test image size](url){:class="img-responsive"}

![test image size](url){:height="50%" width="50%"}

![test image size](url){:height="100px" width="400px"}

如果是用Hexo，它有特殊处理，可以直接使用img标签

<img src="" width="50%" height="50%">

转自知乎

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航