由于头条文章后续不易阅读,小吴昨天上午花了半个小时用GitHub+Hexo建立了个人博客,打算把头条文章搬过来,支持关键词搜索和分类、标注功能。效果如下。结果后
由于头条文章后续不易阅读,小吴昨天上午花了半个小时用GitHub+Hexo建立了个人博客,打算把头条文章搬过来,支持关键词搜索和分类、标注功能。效果如下。
结果后台很多朋友都挺好奇怎么建博客的。其实这个挺简单的。小吴将分享一波如何从零开始打造一个又酷又免费的个人博客。如果你已经有博客了,可以留一波网址:)
GitHub创建个人仓库
登录GitHub。如果你没有GitHub账户,请用你的邮箱注册你的GitHub账户:https://github.com/join?. source = header-home
注册
成功登录后,点击github.io中的新建资源库,创建一个新的资源库。资源库的名字应该是:username.github.io,这里用户名替换成你的github帐户名,这是一种固定的写法。
创建新仓库
Ps:因为已经注册了同名仓库,第二次创建时会报错。
我的仓库名为:
仓库名称
Git管理
Git是目前世界上最先进的分布式版本控制系统(没有之一)。这就是使用Git的目的,为了将我们的网站提交到本地的服务器(GitHub)。我觉得Git操作是程序员应该具备的基本操作。Git操作的详细内容可以参考廖雪峰的教程,很详细https://www . liaoxuefeng . com/wiki/0013739516305929606 DD 18361248578 c67b 8067 c 8067 c 8017 b 00。
Git教程
安装Git后,您只需要进行以下配置。
配置信息
在终端操作,设置user.name和user.email的配置信息,我设置为全局。
1g it config-globaluser.name“您的GitHub用户名”2g it config-globaluser.email“您的GitHub注册电子邮件地址”生成密钥。
通过注册的邮箱生成ssh密钥文件:
1sh-keygen-t RSA-C“您的GitHub注册邮箱地址”,然后直接按回车键。默认情况下,您不需要设置密码。最后得到两个文件:id_rsa和id_rsa.pub
复制密钥
复制密钥
打开id_rsa.pub文件并复制其所有内容。
复制所有内容
粘贴到GitHub
GitHub SSh
添加新的SSH
测试GitHub SSH
添加SSH密钥后,对其进行测试。
1宋承宪-t git@github.com你会看到:
1无法建立主机“github . com(207.97.227.239)”的真实性。2RSA密钥指纹为16:27:AC:a5:76:28:2d:36:63:1b:56:4d:EB:df:a6:48.3您确定要继续连接吗(是/否)?选择是。
1Hi MisterBooo! You've successfully authenticated, but GitHub does not provide shell access.
1你好,先生!您已经成功认证,但是GitHub不提供shell访问。
ssh -T
如果你在Hi之后看到你的用户名,说明成功了。
安装Node.js
Hexo基于Node.js,需要先安装Node.js。你可以在这里下载相应的电脑版本:https://nodejs.org/en/download/.
Node.js下载
您也可以通过命令行安装它:
卷曲:
1美元卷曲https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh2gwet:
1 $ WGET-QO-https://raw . github . com/creation IX/nvm/v 0 . 33 . 11/install . sh | SH2安装完成后,重启终端并执行以下命令安装Node.js
1$ nvm安装stableHexo安装
Hexo是一个快速、简洁、高效的博客框架。Hexo使用Markdown(或者其他渲染引擎)解析文章,几秒钟就能生成主题精美的静态网页。
安装完所有必要的应用程序后,可以使用npm安装Hexo。
1$ npm安装-g hexo-cliHexo使用
Hexo一旦安装,就可以立即使用。首先,初始化博客并输入:
1$ hexo init myBlog
1$ hexo初始化我的博客
接下来,转到myBlog文件夹并输入
1$ hexo s
1美元hexo s
然后,打开浏览器并输入地址:
1localhost:4000
1本地主机:4000
Hexo网站
其实博客已经建立在这里了,下一步就是完善了。
注意:以下命令是在myBlog文件中操作的。
添加文章
添加文章
1.直接导入文章
可以直接把平时写的文章导入_posts文件夹。注意文章类型必须是md格式。
2.写新文章
您可以执行以下命令来创建一个新项目。
1 $ hexo new[layout]& lt;title & gt您可以在命令中指定文章的布局,默认为post。可以通过修改_ config.yml中的default_layout参数来指定默认布局。
写一篇新文章
这样,在_posts文件夹中也会生成一篇新文章。
新文章
生成网页
使用Hexo生成静态文件既快速又简单。
1$ hexo generate您也可以将其缩写为
1$ hexo g
1美元hexo g
生成文章
开始服务预览文章
输入以下命令启动服务器,您的网站将在http://localhost:4000启动。在服务器启动过程中,Hexo将监控文件的变化并自动更新,无需重启服务器。
1$ hexo服务器您也可以缩写为
1$ hexo s如果要更改端口,或者在执行过程中遇到EADDRINUSE错误,可以使用-p选项在执行过程中指定其他端口,如下所示:
1$ hexo server -p 5000
1美元hexo服务器-p 5000
查看文章
网站
小总结
1hexo新“我的博文”#新帖1hexo生成#生成网页1hexo服务器#启动服务预览。这三个命令是创建一个新的博客文章,生成网页,并在本地预览。
部署
Hexo提供了快速便捷的一键部署功能,只需要一个命令就可以将网站部署到服务器上。
1$ hexo deploy你也可以缩写为
1$ hexo d在开始之前,必须首先修改_ config.yml中的参数。正确的部署配置必须至少有type参数,例如:
1deploy:2 type: git
1部署:2类型:git
配置
在_config.yml中进行修改..
这一步的目的是将Hexo与GitHub关联起来。
配置后通过。
1$ hexo d命令,稍等一下,网站已经部署好了,可以输入你的GitHub名称了。github.io,这样就建立了一个免费的博客。
Hexo主题
hexo的默认主题可能看起来有点沉闷。你可以在https://hexo.io/themes/index.html.选择和更改主题,只需将主题放在主题文件夹中,并在_ config.yml中修改主题
经过一个小时的主题筛选,我选择了主题hexo-theme-matery。通过https://blink fox . github . io/2018/09/28/Qian-Duan/hexo-bo-ke-Zhu-ti-zhi-hexo-theme-material-de-Jie-Shao/documentation简单配置后效果就出来了!
一般老板们提供的主题都会提供文档,你只要按照说明简单设置就能拥有一个很酷的页面。
降价写作
Markdown是一种可以由普通文本编辑器编写的标记语言。通过简单的标记语法,它可以使普通的文本内容具有一定的格式。
世界上支持Markdown语法的编辑器太多了,很难选择。小吴在这里推荐一下Markdown写作软件Typora。
Typora是一个免费的MD编辑器,它是优雅、简单、强大和开放的完美结合。
官网到https://typora.io。
图像
选择Typora的一个主要原因是它对图片的良好支持。
在Mac上安装iPic后,在设置中修改图片插入通过iPic上传,快捷键是control+command+i,就可以非常快速优雅的完成图片插入。需要强调的一点:默认微博床可以用于床。建议不要折腾。
这样,每次写的时候,把图片拖进Typora,图片就会自动上传到图床。
摘要
申请 GitHub 账号在 GitHub 上创建仓库配备 Git ,同时将 SSH Key 提交到 GitHub 上安装 Node.js安装 Hexo安装 Hexo 主题使用 Markdown 软件写文章
希望这篇文章能帮助到想写博客但还没有付诸行动的人。毕竟,有一个免费的、酷的博客是相当简单和有趣的:)
本文结束。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。
作者:美站资讯,如若转载,请注明出处:https://www.meizw.com/n/132914.html