五分钟倒数已经可以计时了。
三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。
你可能会经常看到类似于这样的博客:
vno 这是打酱油的在4分50秒以后你也能够有一个类似的blog了。
有简书了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子。还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了。
好了,不BB了。抓紧时间开始。
1. 创建Github 域名和空间
1.1注册
首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库
,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。
注册过程可能需要验证你的邮箱,其他就不在赘述。
1.2 创建仓库
然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository
按钮创建仓库, Respository name 中的username
.github.io 的username
一定与前面的Owner 一致,记住你的username
下面会用到。
第一步就已经完成了,下面是安装。
2. 安装
Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。(Windows 用户自行搜索这些工具,直接安装即可,试过基本没啥问题)
-
安装Git
我就想问问,还有谁没装Git么?
// 如果已安装HomeBrew 无需执行此行
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"$ brew install git // 安装Git
你也可以通过下载安装程序来安装
-
安装Nodejs
先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。
1. Homebrew 安装方式,此安装方式无需重启
$ brew install nvm
$ mkdir ~/.nvm
$ export NVM_DIR=~/.nvm
$ . $(brew --prefix nvm)/nvm.sh2. curl安装方式 $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
安装完成后,重启终端 并执行下列命令即可安装 Node.js。
$ nvm install 4
- 安装Hexo
以上所有都安装完成之后再安装Hexo
$ sudo npm install hexo-cli -g
所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。
3. 编写,发布
接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username
.github.io)。
-
创建博客
将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。
$ hexo init username.github.io -
更改配置
主题安装
为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题
$ cd username.github.io
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。
基础配置:打开文件位置username.github.io/_config.yml
修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置...
title: dimsky 的 9 维空间 //你博客的名字
author: dimsky //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/username/username.github.io.git // 刚创建的Github仓库
主题配置:
主题配置文件在username.github.io/themes/next/_config.yml
中修改,这里略过。设置详情 -
写文章
所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了
在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。
如:--- title: First Night --- > 我有一头**小毛驴**,可是我从来都不骑。
-
测试
$ hexo s
测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。 -
安装hexo-deployer-git自动部署发布工具
$ npm install hexo-deployer-git --save -
发布
测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
$ hexo clean && hexo g && hexo d
如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了,灰常苏胡。 -
5分钟应该快到了
是不是很快,恭喜你能走到这一步,你的博客已经完成了,在浏览器中输入 http://dimsky.github.io 就能够访问了。
最后应该是类似这个样子的
时间有限,这里只说到了简单的博客创建流程,还有很多很好玩的配置与插件。比如说评论、标签、统计等等。慢慢的完善你的专属博客吧。
网友评论
我找到比较新版的:https://www.jianshu.com/p/1519f22aff24
FATAL Cannot find module '/Users/niuting/Desktop/博客git/niunaruto.github.io/node_modules/hexo-renderer-marked'
Commands:
help Get help on a command.
init Create a new Hexo folder.
version Display version information.
Global Options:
--config Specify config file instead of using _config.yml
--cwd Specify the CWD
--debug Display all verbose messages in the terminal
--draft Display draft posts
--safe Disable all plugins and scripts
--silent Hide output on console
For more help, you can use 'hexo help [command]' for the detailed information
or you can check the docs: http://hexo.io/docs/
执行最后一步的时候这样 没让输邮箱和密码 然后搜索是404,哪出错了呀
这是我打理了2个月的个人博客。。。表示自己搭建这个博客初始的模型花了整整1天的时间,然后又做各个细节的处理。
第二天:添加百度统计,百度,Google,搜狗等 推送
第三天:添加robots.txt,百度。Google站点地图等等,SEO,CDN
第四天:给文章添加留言 《选择第三方》。。中间换过好几个,像网易云等等后来选择的畅言
之后。。。 给文章添加统计
。。。
$ hexo clean && hexo g && hexo d
INFO Deleted database.
INFO Deleted public folder.
INFO Start processing
INFO Files loaded in 522 ms
INFO Generated: index.html
INFO Generated: archives/index.html
INFO Generated: img/default-skin.png
INFO Generated: fonts/default-skin.b257fa.svg
INFO Generated: archives/2017/index.html
INFO Generated: main.507b3a.css
INFO Generated: slider.e37972.js
INFO Generated: main.507b3a.js
INFO Generated: fonts/iconfont.16acc2.ttf
INFO Generated: fonts/iconfont.45d7ee.svg
INFO Generated: fonts/iconfont.8c627f.woff
INFO Generated: img/preloader.gif
INFO Generated: fonts/tooltip.4004ff.svg
INFO Generated: mobile.fdc4b7.js
INFO Generated: img/scrollbar_arrow.png
INFO Generated: fonts/iconfont.b322fa.eot
INFO Generated: archives/2017/09/index.html
INFO Generated: 2017/09/22/hello-world/index.html
INFO 18 files generated in 286 ms
ERROR Deployer not found: git
could not read Username for 'https://github.com' Invalid argument
这个怎么弄
输出
WARN No layout: index.html
是什么原因
测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
$ hexo clean && hexo g && hexo d
执行完之后报了个error
INFO Deleted database.
INFO Start processing
INFO Files loaded in 265 ms
INFO Generated: index.html
INFO Generated: archives/index.html
INFO Generated: fonts/fontawesome-webfont.eot
INFO Generated: fonts/FontAwesome.otf
INFO Generated: fonts/fontawesome-webfont.woff
INFO Generated: archives/2017/03/index.html
INFO Generated: fonts/fontawesome-webfont.svg
INFO Generated: archives/2017/index.html
INFO Generated: fonts/fontawesome-webfont.ttf
INFO Generated: js/main.js
INFO Generated: css/vno.css
INFO Generated: images/background-cover.jpg
INFO Generated: images/show/google-analytics.jpeg
INFO Generated: images/show/list.jpeg
INFO Generated: images/show/article.jpeg
INFO Generated: images/show/baidu_tongji.jpeg
INFO Generated: 2017/03/14/hello-world/index.html
INFO Generated: images/show/home.png
INFO 18 files generated in 890 ms
ERROR Deployer not found: git //ʹ��Git ����
网址为 的网页可能暂时无法连接,或者它已永久性地移动到了新网址。
{ [Error: Cannot find module './build/default/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
{ [Error: Cannot find module './build/Debug/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }出现这个问题一直搞不懂,现在都没有解决,没办法把代码部到github上!!!
https://liaoshaolim.github.io/
You are attempting to use a Jekyll theme, "landscape", which is not supported by GitHub Pages. Please visit https://pages.github.com/themes/ for a list of supported themes.
换个名字就ok了
Error: Your Xcode (8.0) is outdated.
Please update to Xcode 8.1 (or delete it).
Xcode can be updated from the App Store.
必须要更新8.1?