免费博客网站(墨黑纸白1博客中国)

由于头条文章后续不易阅读,小吴昨天上午花了半个小时用GitHub+Hexo建立了个人博客,打算把头条文章搬过来,支持关键词搜索和分类、标注功能。效果如下。结果后

由于头条文章后续不易阅读,小吴昨天上午花了半个小时用GitHub+Hexo建立了个人博客,打算把头条文章搬过来,支持关键词搜索和分类、标注功能。效果如下。

免费博客网站(墨黑纸白1博客中国)插图

结果后台很多朋友都挺好奇怎么建博客的。其实这个挺简单的。小吴将分享一波如何从零开始打造一个又酷又免费的个人博客。如果你已经有博客了,可以留一波网址:)

GitHub创建个人仓库

登录GitHub。如果你没有GitHub账户,请用你的邮箱注册你的GitHub账户:https://github.com/join?. source = header-home

免费博客网站(墨黑纸白1博客中国)插图(1)

注册

成功登录后,点击github.io中的新建资源库,创建一个新的资源库。资源库的名字应该是:username.github.io,这里用户名替换成你的github帐户名,这是一种固定的写法。

免费博客网站(墨黑纸白1博客中国)插图(2)

创建新仓库

Ps:因为已经注册了同名仓库,第二次创建时会报错。

我的仓库名为:

免费博客网站(墨黑纸白1博客中国)插图(3)

仓库名称

Git管理

Git是目前世界上最先进的分布式版本控制系统(没有之一)。这就是使用Git的目的,为了将我们的网站提交到本地的服务器(GitHub)。我觉得Git操作是程序员应该具备的基本操作。Git操作的详细内容可以参考廖雪峰的教程,很详细https://www . liaoxuefeng . com/wiki/0013739516305929606 DD 18361248578 c67b 8067 c 8067 c 8017 b 00。

免费博客网站(墨黑纸白1博客中国)插图(4)

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

复制密钥

免费博客网站(墨黑纸白1博客中国)插图(5)

复制密钥

打开id_rsa.pub文件并复制其所有内容。

免费博客网站(墨黑纸白1博客中国)插图(6)

复制所有内容

粘贴到GitHub

免费博客网站(墨黑纸白1博客中国)插图(7)

GitHub SSh

免费博客网站(墨黑纸白1博客中国)插图(8)

添加新的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博客中国)插图(9)1你好,先生!您已经成功认证,但是GitHub不提供shell访问。

ssh -T

如果你在Hi之后看到你的用户名,说明成功了。

安装Node.js

Hexo基于Node.js,需要先安装Node.js。你可以在这里下载相应的电脑版本:https://nodejs.org/en/download/.

免费博客网站(墨黑纸白1博客中国)插图(10)

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博客中国)插图(11)1$ hexo初始化我的博客

接下来,转到myBlog文件夹并输入

1$ hexo s

免费博客网站(墨黑纸白1博客中国)插图(12)1美元hexo s

然后,打开浏览器并输入地址:

1localhost:4000

免费博客网站(墨黑纸白1博客中国)插图(13)1本地主机:4000

Hexo网站

其实博客已经建立在这里了,下一步就是完善了。

注意:以下命令是在myBlog文件中操作的。

添加文章

免费博客网站(墨黑纸白1博客中国)插图(14)

添加文章

1.直接导入文章

可以直接把平时写的文章导入_posts文件夹。注意文章类型必须是md格式。

2.写新文章

您可以执行以下命令来创建一个新项目。

1 $ hexo new[layout]& lt;title & gt您可以在命令中指定文章的布局,默认为post。可以通过修改_ config.yml中的default_layout参数来指定默认布局。

免费博客网站(墨黑纸白1博客中国)插图(15)

写一篇新文章

这样,在_posts文件夹中也会生成一篇新文章。

免费博客网站(墨黑纸白1博客中国)插图(16)

新文章

生成网页

使用Hexo生成静态文件既快速又简单。

1$ hexo generate您也可以将其缩写为

1$ hexo g

免费博客网站(墨黑纸白1博客中国)插图(17)1美元hexo g

生成文章

开始服务预览文章

输入以下命令启动服务器,您的网站将在http://localhost:4000启动。在服务器启动过程中,Hexo将监控文件的变化并自动更新,无需重启服务器。

1$ hexo服务器您也可以缩写为

1$ hexo s如果要更改端口,或者在执行过程中遇到EADDRINUSE错误,可以使用-p选项在执行过程中指定其他端口,如下所示:

1$ hexo server -p 5000

免费博客网站(墨黑纸白1博客中国)插图(18)1美元hexo服务器-p 5000

查看文章

免费博客网站(墨黑纸白1博客中国)插图(19)

网站

小总结

1hexo新“我的博文”#新帖1hexo生成#生成网页1hexo服务器#启动服务预览。这三个命令是创建一个新的博客文章,生成网页,并在本地预览。

部署

Hexo提供了快速便捷的一键部署功能,只需要一个命令就可以将网站部署到服务器上。

1$ hexo deploy你也可以缩写为

1$ hexo d在开始之前,必须首先修改_ config.yml中的参数。正确的部署配置必须至少有type参数,例如:

1deploy:2 type: git

免费博客网站(墨黑纸白1博客中国)插图(20)1部署:2类型:git

配置

在_config.yml中进行修改..

免费博客网站(墨黑纸白1博客中国)插图(21)

这一步的目的是将Hexo与GitHub关联起来。

配置后通过。

1$ hexo d命令,稍等一下,网站已经部署好了,可以输入你的GitHub名称了。github.io,这样就建立了一个免费的博客。

Hexo主题

hexo的默认主题可能看起来有点沉闷。你可以在https://hexo.io/themes/index.html.选择和更改主题,只需将主题放在主题文件夹中,并在_ config.yml中修改主题

免费博客网站(墨黑纸白1博客中国)插图(22)

经过一个小时的主题筛选,我选择了主题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简单配置后效果就出来了!

免费博客网站(墨黑纸白1博客中国)插图(23)

一般老板们提供的主题都会提供文档,你只要按照说明简单设置就能拥有一个很酷的页面。

免费博客网站(墨黑纸白1博客中国)插图(24)

降价写作

Markdown是一种可以由普通文本编辑器编写的标记语言。通过简单的标记语法,它可以使普通的文本内容具有一定的格式。

世界上支持Markdown语法的编辑器太多了,很难选择。小吴在这里推荐一下Markdown写作软件Typora。

Typora是一个免费的MD编辑器,它是优雅、简单、强大和开放的完美结合。

官网到https://typora.io。

图像

选择Typora的一个主要原因是它对图片的良好支持。

在Mac上安装iPic后,在设置中修改图片插入通过iPic上传,快捷键是control+command+i,就可以非常快速优雅的完成图片插入。需要强调的一点:默认微博床可以用于床。建议不要折腾。

免费博客网站(墨黑纸白1博客中国)插图(25)

这样,每次写的时候,把图片拖进Typora,图片就会自动上传到图床。

摘要

申请 GitHub 账号在 GitHub 上创建仓库配备 Git ,同时将 SSH Key 提交到 GitHub 上安装 Node.js安装 Hexo安装 Hexo 主题使用 Markdown 软件写文章

希望这篇文章能帮助到想写博客但还没有付诸行动的人。毕竟,有一个免费的、酷的博客是相当简单和有趣的:)

本文结束。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

作者:美站资讯,如若转载,请注明出处:https://www.meizw.com/n/132914.html

发表回复

登录后才能评论