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的用法指南