hexo+github搭建自己的网站

最新推荐文章于 2022-02-06 23:52:47 发布

迷糊小妹

最新推荐文章于 2022-02-06 23:52:47 发布

阅读量189

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/u014207158/article/details/82864402

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

搭建博客简单介绍

安装nodejs(官网下载安装包安装即可)

点击进入node.js官网,下载完成后安装即可
安装git

进入官网下载，安装
安装hexo

1、首先，创建文件夹用来存放你的本地博客。本人的博客存放在d:/blog文件夹下
2、打开git窗口
3、输入以下命令，进入到d:/blog
cd d:
cd blog
其中，cd 文件夹 的意思便是进入到某个文件夹
4、一次性安装完hexo所需的所有东西

  npm install hexo-cli -g    
  npm install hexo --save  
  npm install hexo-deployer-git --save  
  npm install

安装速度慢，可以使用淘宝镜像：

　　npm install cnpm -g --registry=https://registry.npm.taobao.org

5、安装完成，我们可以看到文件夹下已经生成了很多东西，依次在git中执行以下命令：

　　hexo clean  
　　hexo g  
　　hexo s

此时命令行会提示`http://localhost:4000/`，我们在浏览器中打开该链接，一个hello的博客就完成了。(#^.#)
博客使用

创建新文章

打开hexo安装目录\source\文件夹，发现只有_posts一个文件夹，创建分类和标签。
1、执行命令hexo new categories，修改hexo安装目录\source\categories下的index.md文件：

---
title: 分类
date: 2016-07-16 04:36:09
type: "categories"
comments: false
---

2、执行命令hexo new tags,hexo安装目录\source\tags下的index.md文件：

---
title: 标签云
date: 2016-07-16 04:32:03
type: "tags"
comments: false
---

3、执行命令hexo new “first blog”，创建博客（或者直接在hexo安装目录\source_posts创建一个.md文件，里面写入以下内容）

  ---
  title: 本人创建的第一篇  
  date: 2017-03-25 13:53:30  
  tags: 写作  
  categories: 随笔  
  ---

博客主题

hexo有很多主题，找到自己喜欢的，点击图片预览博客样子，点击名称会进入github中。在github中将源码下载下来，解压放入themes文件夹中，修改_config.yml：theme: yelee 表示使用themes文件夹下yelee文件夹中的主题。

使用next主题

（网上很多，此处记下可能遇到的问题）
(1) 使用中文语言：
　　修改（hexo安装目录_config.yml）文件：(不是themes\next_config.yml)
　　language: zh-Hans
(2) 部署到github上js、css找不到
　　修改（hexo安装目录_config.yml）文件：
　　　　root: /blog/ #blog是你github上面的仓库名称

部署到github

当前，首先得在github上注册一个账号，然后，
1、github上创建一个仓库
　　仓库名称(Repository name)可以写成blog。github自动生成的网址会是：https://账户名称.github.io/仓库名称/ ，此时，如果仓库名称写成账户名称.github.io,那么，github自动生成的网址会是：https://账户名称.github.io/ （记得勾选Initialize this repository with a README）
　　在项目的settings中，GitHub Pages中选择master branch，save后，会生成url。之后将本地的博客部署到这里，访问该网址，便ok啦！
2、使用git部署hexo到github:
(1)设置git
　　git使用hexo deploy部署的时候，保证user.name和github账上上的账户名一致。
　　查看用户名：git config --list
　　如果首次安装，没有设置，可以使用下面命令：

git config --global user.name "ff"  
git config --global user.email "liuchao102@163.com"

如果已经设置好了，向修改：vi ~/.gitconfig 按下i键，修改，dd删除一行，esc退出编辑。按住shift，wq保存
(2)生成ssh秘钥
　　要部署到github上，本地要有权限。在git中生成秘钥

ssh-keygen -t rsa -C "xxx@163.com"

生成完秘钥之后会在 C:\Users\Administrator\.ssh 目录下生成 id_rsa和id_rsa.pub两个文件
　　拷贝id_rsa.pub文件内容到 github上就可以了(Settings->SSH and GPG keys->new SSH Key -> 输入文件内容 -> 保存完成)
(3)执行以下命令部署：

hexo deploy

使用atom实现预览编辑文档

atom安装插件atom-hexo，速度很慢，可以使用本地安装：　　
　　在github上下载好后解压到C:\Users\cage.atom\packages，cmd打开命令行输入：apm install安装即可。
　　如果apm命令找不到，在环境变量中加入: C:\Users\hfyuser\AppData\Local\atom\bin 　　
　　atom自带markdown preview，编写md可以实时浏览。