github之用hexo建自己的博客

最新推荐文章于 2024-04-20 14:31:00 发布

Regnaiq

最新推荐文章于 2024-04-20 14:31:00 发布

阅读量428

点赞数

分类专栏： Git 文章标签： github hexo

本文链接：https://blog.csdn.net/yq_forever/article/details/78915467

版权

Git 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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%">

转自知乎

Regnaiq

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
github之用hexo建自己的博客

hexo是个简洁强大的静态博客工具。配合github的无限存储和代码管理可以做出漂亮的博客。具体搭建方法有很多，可以参考这里：GitHub Pages + Hexo搭建博客 hexo你的博客以下是自己在使用过程中积累的一些有用的东西备忘。查看安装过的包：npm list --depth 0修改本地预览端口：hexo s -p 5000写新文章
复制链接

扫一扫