hexo助小白打造个人博客之入门篇
2018-01-24 21:53
441 查看
本人一直想拥有一个个人的技术博客,苦恼不知如何开始。作为一个小白,还是从最简单的入手为好,在多方查找资料后,决定基于github+hexo打造一个简单的个人博客。下面我简单记录下过程。
(2)进入仓库设置页面,填写一些必要的信息。
这里把仓库名称先填一下
接下来翻到下面,选择master分支,选择一个主题来发布博客页面。然后就可以通过提供的网址来访问到自己的博客了。
(3)如何修改我的博客页面呢?
初始生成的页面是基于README.md内容的。所以你可以修改这个文件的内容来观察页面改动的效果。
想要做更复杂的页面就可以用到博客框架hexo或者官方推荐的jekyll。这里我自己选用的是hexo。
(2)安装 Hexo 完成后,执行下列命令,Hexo 会在指定文件夹中新建所需要的文件。
(3)Hexo 3.0 把服务器独立成了个别模块,必须先安装 hexo-server 才能使用。
(4)安装好服务器模块后,运行这个命令来生成静态文件。
(5)运行启动服务器的命令,浏览器打开localhost:4000查看hexo博客页面效果
好了,第一步算是大功告成了。想要做更深入的了解,请关注我的后续文章。
本人的hexo小博客,欢迎猛戳!
1.为什么选择github+hexo?
github为每个注册用户都提供了免费的二级域名与空间,给博客小白提供了初期建立博客的实验环境,非常人性化。而hexo作为当前一个非常流行的博客框架,快速、简洁且高效。hexo 基于nodejs,非常适合前端开发者,很快可以入手。而且支持时下流行的 markdown(或其他渲染引擎)解析文章生成静态网页,文章编写会非常简单快速。2.如何建立github blog的雏形?
(1)在github上建立一个blog仓库,仓库信息简单填写即可。(2)进入仓库设置页面,填写一些必要的信息。
这里把仓库名称先填一下
接下来翻到下面,选择master分支,选择一个主题来发布博客页面。然后就可以通过提供的网址来访问到自己的博客了。
(3)如何修改我的博客页面呢?
初始生成的页面是基于README.md内容的。所以你可以修改这个文件的内容来观察页面改动的效果。
想要做更复杂的页面就可以用到博客框架hexo或者官方推荐的jekyll。这里我自己选用的是hexo。
3.利用hexo打造更生动的博客程序
(1)下载安装hexo cli工具npm install -g hexo-cli
(2)安装 Hexo 完成后,执行下列命令,Hexo 会在指定文件夹中新建所需要的文件。
hexo init myblog cd myblog npm install
(3)Hexo 3.0 把服务器独立成了个别模块,必须先安装 hexo-server 才能使用。
npm install hexo-server --save
(4)安装好服务器模块后,运行这个命令来生成静态文件。
hexo generate //或者 hexo g
(5)运行启动服务器的命令,浏览器打开localhost:4000查看hexo博客页面效果
hexo server
好了,第一步算是大功告成了。想要做更深入的了解,请关注我的后续文章。
本人的hexo小博客,欢迎猛戳!
相关文章推荐
- 【Hexo】Hexo+Github构建个人博客入门
- Hexo + github 打造个人博客
- hexo和github打造个人博客
- Hexo + github 打造个人博客
- hexo+github打造个人博客系列之Coding托管(实现github+coding双线部署)
- Hexo + github 打造个人博客
- hexo搭建个人博客
- Hexo+github个人博客搭建+异地管理
- 从“0”开始搭建个人博客(2)——Hexo的配置
- 使用hexo+github免费搭建个人博客网站超详细教程
- 基于Hexo在Mac上搭建自己的个人博客
- github pages + Hexo + 域名绑定搭建个人博客
- 小白教程 | 利用Github Pages快速搭建个人博客
- 通过GitHub和Hexo搭建个人博客
- 利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
- 搭建个人博客-hexo+github
- Hexo+GithubPage搭建个人博客(Windows)
- HEXO搭建个人博客
- 利用Hexo搭建个人博客-环境搭建篇