安装hexo,建站并新建博客

一、安装

安装 Git

sudo apt-get install git-core

安装 Node.js

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

安装 Hexo

npm install hexo-cli -g

hexo init blog

cd blog

npm install

hexo server

安装主题

输入图片说明

安装好主题,修改hexo目录下的_config.yml如下:

输入图片说明

二、建站

1、初始化

$ hexo init <folder> $ cd <folder> $ npm install

2、文件夹目录结构

├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes

3、配置

可以在 _config.yml 中修改大部份的配置

4、修改布局 cd themes cd landscape cd layout cd _partial cd header vim header.ejs

5、加标题栏

输入图片说明

Header

menu: 首页: / 生活: /life 编程语言: /programelanguage 设计模式: /designpattern 程序人生: /programelife Archives: /archives rss: /atom.xml

6、建立标题对应的资源

在命令行里面输入:hexo new page "about"。然后你会发现source里面多了个目录about,里面有个index.md。其实你也可以手动建立。页面的格式和文章一样。接着把链接加上,themes/<theme_name>/_config.yml里面的menu一项,添加一行About: /about。完事。

7、写博客文章

(1)、新建一篇博客,其中“使用layui实现登录功能”为博客路径名

hexo new 使用layui实现登录功能

(2)、打开新建的博客,可以写内容了

vim 使用layui实现登录功能.md

(3)、写好博客,生成静态文件,部署网站

hexo generate

hexo deploy

8、遇到问题及解决

(1)、每次访问hexo,都显示连接失败(hexo s -p 80)

 此时是需要的登录,登录是如果只写hexo s,hexo端口默认是4000,可是如果没在阿里云设置开发端口,那就会访问失败啦,所以要保持hexo设置的端口属于阿里云开放的端口。

(2)、后台运行hexo

hexo server -p 80 &

(3)、怎么点击不同的链接跳转到不同的页面

在命令行里面输入:hexo new page "about" 然后你会发现source里面多了个目录about,里面有个index.md。其实你也可以手动建立。页面的格式和文章一样。 接着把链接加上,themes/<theme_name>/_config.yml里面的menu一项,添加一行About: /about。 完事。 https://segmentfault.com/q/1010000000618915

https://www.zhihu.com/question/53190929 https://v.youku.com/v_show/id_XMzA2MDQxODY0NA==.html?spm=a2h1n.8251843.playList.5~5~A&f=51195645&o=1

(4)、后台运行hexo,关闭xshell后,博客不可访问

关闭xshell前,先执行exit

(5)、怎么在新建页面创建博客,而不是默认首页?

好的文章:https://www.jianshu.com/p/b7886271e21a

猜你喜欢

转载自my.oschina.net/u/2427561/blog/1802463