hexo+github搭建个人博客

这是以前写的文章 分享给大家

废话不多说,开始进入正题

hexo官网:https://hexo.io/

第一步   安装必须要的工具 (必须安装 node/git)  

http://nodejs.cn/download/  nodejs 下载地址

https://git-scm.com/downloads  git 下载地址 

https://github.com/    申请GitHub

由于我的工具早就配置好了,就没有按照官网上的去下载

正式安装hexo

npm install hexo-cli -g   或者也可以用淘宝镜像cnpm 

在任意一个地方建立项目文件夹,我的是z-nl,进入,执行init命令初始化hexo,命令:

hexo init

npm install

hexo generate

hexo server

这样就可以开启本地blog  ,自动生成的地址是http://localhost:4000/  

上传到github  

首先上github 设置自己的域名,

建一个仓库,设置为wang119c.github.io 【这里的wang119c 是我的用户名】

设置本地_config.yml  配置

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: https://github.com/wang119c/wang119c.github.io

执行命令

npm install hexo-deployer-git --save

hexo deploy

搭建完毕 访问你的域名就可以了!

当然你要用自己的域名  上dns 解析下  OK了

每次部署的步骤,可按以下三步来进行:

hexo clean

hexo generate

hexo deploy

几个常用的命令:

hexo new  "postName"  #新建文章

hexo new page "pageName" #新建页面

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口

hexo deploy #将.deploy目录部署到



下面是关于主题的安装

从官网下载到本地,是一个主题包

把主题包放入

themes 这个包 内 ,然后 在_config.yml 里面配置 主题有theme 这个配置项。当然主题包里面也有个_config.yml 也是需要配置的,

menu:  #导航栏  

主页: / 

归档: /archives  

关于: /about  #介绍一下你自己  

网络工具: /tools  #自己添加  

资源共享: /share  #自己添加

widgets:  ## 右边的零部件,

jacman主题提供了7个:

tagcloud#标签云

-links#友情链接

Jekyll主题为例

hexo提供的更多主题提供了丰富的主题可以选择,安装方法大同小异,其中包括一款黑色背景的,好了,就它了。

安装插件

npminstall--save hexo-renderer-jade hexo-generator-feed

clone该主题到/themes/jekyll文件夹

修改/_config.yml的theme值

添加feed属性

复制Demo.md到source/_post文件夹

本地运行预览

hexo clean

hexo generate

hexo deploy



上面 介绍了 找到一个漂亮的文章主题,但是还不知道怎么写文章,下面就是要介绍的

直接在source/_posts/下复制一份 .md文件,可以随意命名,然后里面就可以写文章了,用你自己喜欢的编辑器,比如sublime/editplus...都可以

想要在文章中插入图片的话,可以按照Markdown语法来插入,格式为![图片名称](图片地址)。

第一种:图片的存放有两种方式:在本地source目录下新建一个存放图片的文件夹,比如images,然后把想要插入的图片放在里面,插入图片的路径;

第二种方法:是把图片上传到网络,然后插入图片路径。推荐使用第二种。

推荐两个比较好用的:

极简图床;无需注册,方便快捷。

七牛云存储;需要注册,免费,空间大,速度快。

基本上完工。最后加上Markdown的用法指南

https://segmentfault.com/markdown#articleHeader7

原文地址:https://www.cnblogs.com/luomir/p/7908213.html