hexo助小白打造个人博客之入门篇

本人一直想拥有一个个人的技术博客,苦恼不知如何开始。作为一个小白,还是从最简单的入手为好,在多方查找资料后,决定基于github+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小博客,欢迎猛戳!

发布了98 篇原创文章 · 获赞 41 · 访问量 20万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览