结果后台好多小伙伴挺好奇博客是怎么搭建的,实际上这个挺简单的,小吴就从零开始分享一波如何搭建一个酷炫免费的个人博客吧,如果已经有博客的小伙伴可以留言一波网站地址:)
GitHub创建个人仓库
登录到GitHub,如果没有GitHub帐号,请使用你的邮箱注册GitHub帐号:
注册
创建新仓库
ps:因为我已经注册了同名仓库,因此第二次创建时会报错。
我的仓库名为:
仓库名
Git管理
Git是目前世界上最先进的分布式版本控制系统(没有之一)。这是使用Git的目的是为了将我们的网站从本地提交上服务器(GitHub)上面去。我认为Git操作是程序员应该具备的一个基本操作,具体的Git操作细节可以查看廖雪峰的教程,讲的十分详细
git教程
安装好Git后,只需要进行下面的配置即可。
配置信息
在终端进行操作,设置和配置信息,我这里设置为全局。
1"你的GitHub用户名"2"你的GitHub注册邮箱"
生成密钥
通过注册的邮箱生成ssh密钥文件:
1ssh-keygen-trsa-C"你的GitHub注册邮箱"
然后直接三个回车即可,默认不需要设置密码。最后得到了两个文件:id_rsa和id_。
拷贝密钥
拷贝密钥
打开id_文件,将里面的内容全部复制。
内容全部复制
粘贴到GitHub
GitHubSSh
添加新的SSH
测试GitHubSSH
添加好SSHKey后,进行测试。
1ssh-Tgit@
你将会看到:
1Theauthenticityofhost'(207.97.227.239)'can':27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.3Areyousureyouwanttocontinueconnecting(yes/no)?
选择yes
1HiMisterBooo!You'vesuccessfullyauthenticated,butGitHubdoesnotprovideshellaccess.
ssh-T
如果看到Hi后面是你的用户名,就说明成功了。
安装
Hexo基于,因此需要先安装,你可以在这里进行对应电脑版本的下载:
下载
你也可以通过命令行进行安装:
cURL:
1$curl|sh2
Wget:
1$wget-qO-|sh2
安装完成后,重启终端并执行下列命令即可安装。
1$nvminstallstable
Hexo安装
Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
所有必备的应用程序安装完成后,即可使用npm安装Hexo。
1$npminstall-ghexo-cli
Hexo使用
安装好Hexo后,马上就能使用了。首先初始化博客,输入:
1$hexoinitmyBlog
接下来,进入文件夹myBlog,输入
1$hexos
然后,打开浏览器输入地址:
1localhost:4000
hexo网站
执行到这里事实上博客就已经搭建好了,接下来就是去完善它。
注意:下面的命令都是在myBlog文件里进行操作的。
添加文章
添加文章
1.直接导入文章
你可以将你平时写的文章直接导入到_posts文件夹里,注意文章类型得是md格式。
2.写新文章
你可以执行下列命令来创建一篇新文章。
1$hexonew[layout]title
你可以在命令中指定文章的布局(layout),默认为post,可以通过修改_中的default_layout参数来指定默认布局。
写新文章
这样在_posts文件夹里也生成了一篇新的文章。
新的文章
生成网页
使用Hexo生成静态文件快速而且简单。
1$hexogenerate
你也可以简写成
1$hexog
生成文章
启动服务预览文章
输入以下命令以启动服务器,你的网站会在http://localhost:4000下启动。在服务器启动期间,Hexo会监视文件变动并自动更新,无须重启服务器。
1$hexoserver
你也可以简写成
1$hexos
如果你想要更改端口,或是在执行时遇到了EADDRINUSE错误,可以在执行时使用-p选项指定其他端口,如下:
1$hexoserver-p5000
查看文章
网站
小总结
1hexonew"我的博客文章"生成网页1hexoserver#启动服务预览
这三个命令依次就是新建一篇博客文章、生成网页、在本地预览的操作。
部署
Hexo提供了快速方便的一键部署功能,只需一条命令就能将网站部署到服务器上。
1$hexodeploy
你也可以简写成
1$hexod
在开始之前,必须先在_中修改参数,一个正确的部署配置中至少要有type参数,例如:
1deploy:2type:git
config
在_中进行修改。
这一步的目的是将Hexo与GitHub进行关联。
配置好后通过
1$hexod
命令,稍等片刻,网站就已经部署好了,可以在浏览器输入你的GitHub名称.,这样一个免费的博客就已经搭建好了。
Hexo主题
hexo默认的主题可能显得有点呆板,你可以在。将下好的主题安放在themes文件夹内,同时在_中进行主题修改就好了。
经过一个小时的主题筛选,我选择了hexo-theme-matery这款主题。通过,经过简单的配置,效果就出来了!
一般大佬们提供的主题都会提供文档说明,按照说明进行简单的设置就能拥有一个酷炫的页面了。
Markdown写作
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
世面上支持Markdown语法的编辑器不胜枚举,选择起来十分困难,小吴在这里推荐Typora这款Markdown写作软件。
Typora是一款免费的MD编辑器,它是优雅简洁与强大开放的完美结合体。
官网直达
Image
选择Typora一个最主要的原因是它对图片的良好支持。
在Mac上安装好iPic后,并在设置中将图片插入修改为通过iPic上传,快捷键是control+command+i,就可以十分快捷优雅地完成图片插入。强调一点:图床使用默认的微博图床即可,建议不要折腾。
这样,每次写作时,将图片拖入到Typora里,图片就能自动上传到图床上。
总结
申请GitHub账号
在GitHub上创建仓库
配备Git,同时将SSHKey提交到GitHub上
安装
安装Hexo
安装Hexo主题
使用Markdown软件写文章
希望这篇文章能帮到想写博客却还没付诸行动的人,毕竟拥有一个免费且酷炫的博客还是挺简单还挺好玩的:)
本文完。
版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。