hexo+next+github 博客搭建

这篇文章主要记录搭建博客的过程,与坑?

写这篇文章主要也是为了记录自己的学习过程,搭建博客也是为自己的学习过程有个记录的地方!

博客地址:等我搭建好了我会回来补上的!!!

Hexo部署:

在安装hexo之前保证计算机装了node和git并且有一个github账号

1.全局安装hexo

npm install -g hexo-cli
//最好使用淘宝镜像
//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.建立hexo的站点,也就是生成网站啥的
这一步Windows系统可以直接在你想要安装的文件夹右键git bash here,然后直接下面命令

hexo init 
cd  //如何用的git bash这一步可省去,直接下一步
npm install //这一步依然可以使用cnpm会更快

中间省略了一些叙述讲解
先直接把网站搞出来看看!

hexo g //这一步是生成浏览器所能解析的网页目录文件
hexo s //这一步是启动服务器,成功后访问http://localhost:4000/
网站生成如上

生成的目录如下

.
├── _config.yml //博客的配置文件,在hexo的中文文档会有表示"https://hexo.io/zh-cn/docs/configuration"
├── package.json //依赖包,npm install 执行就是安装这里面的依赖
├── scaffolds 
├── source //主要放写的博客内容
|   ├── _drafts //草稿
|   └── _posts // 文章
└── themes //主题文件,就是你们网上down的主题

静态站搭好之后肯定还要写博客啥的对不对:
下面介绍几个命令

hexo init //生成站点,就是生成上面的雏形
hexo new  "title" //layout 有两个值来选page/posts,对应添加新的文章/新的页面,简写就是hexo n
//以上步骤会在source中生成出来新的文章或者页面,可以使用mardown编辑器来写。

PS:不会markdown的可以先在上学习下,真的太简单了,就像我这篇文章写到这里,已经会使用了!

以上二步完成后肯定还有其他的

hexo generate //这一步生成静态网页,就是html那种 简写命令 hexo g
hexo server // 这是启动静态服务器,就是可以在本地访问看下效果那种 简写命令 hexo s
hexo deploy //写完之后的发布,hexo d

如何部署到github留到最后,因为比较简单,我们先把网站做的好看点

NEXT 主题

hexo有很多的主题,只是都不和我的心意,不信你去找找(主要它竟然还有文档)

安装

在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:
git clone https://github.com/iissnan/hexo-theme-next themes/next
//安装完后肯定要启用的,在hexo的站点根目录找到'_config.yml',定位到'theme'改成theme: next

配置NEXT主题

1.选择 Scheme 即 选择啥类型主题风格
在主题文件夹下面也有个'_config.yml'文件,这是主题配置文件,搜索 scheme 关键字
如下图:


theme/_config.yml

可以试着切换这几种特性,看看效果
ps:不需要重新发布,保存刷新页面就行

2.继续在'theme/_config.yml'设置语言 繁体中文'zh-hk 或者 zh-tw'


简体中文

最新版本设置语言遇到的坑,languages/zh-hans 需要重新命名为 'zh-CN'
languages: zh-CN 这样才能正常显示


6.x版本需要这样配置

3.设置菜单

你可能感兴趣的:(hexo+next+github 博客搭建)