基于Hexo+Node.js+github+coding搭建个人博客——基础篇

  • 时间:
  • 浏览:0

总结一下简单的使用命令

以下提到的站点配置文件指的是博客文件根目录下的 _config.yml主题配置文件是主题文件夹下的 _config.yml,童鞋们太少说混淆了

注意!源文件要写绝对路径,但会 会报错:链接层数太少。并可不还可不可以直接将node可执行文件拷贝到 /usr/local/bin 目录下。

随便建一俩个 多文件夹,名字随便取,博主取其名为blog,cd 到文件夹里,先安装必要的文件,执行以下命令:

同上,按yes 

接下来让让其他同学要做的但会 把本地仓库传到github上去,在此很久还还要设置username和email,可能github每次commit后该记录让让其他同学

打开站点配置文件, 找到 theme 字段,并将其值更改为 next

Ubuntu系统下安装Git非常简单,只需一根绳子 命令:

打开新建的文章\source\_posts\postName.md,其中postNamehexo new "title"中的title

在node.js的官网 下载二进制包来安装的,下载很久,解压,设置软链接,要不然每次都执行命令后该加进路径,好麻烦

国内的网站,绝大要素后该中文的,注册哪此的就不说了,进入Coding 滚键盘但会 了= =

对于哪此很久更有规律地提供图片和或多或少资源以及很久将让让其他同学的资源分布在各个文章上的人来说,Hexo也提供了更组织化的法子来管理资源,将站点配置文件中的 post_asset_folder 选项设为 true 来打开文章资源文件夹

首先是Github,登录Github,右上角 头像 -> Settings —> SSH nd GPG keys —> New SSH key 。把公钥粘装进去去key中,填好title并点击 Add SSH key 

对于使用windows的童鞋,可参考文章末尾处的参考链接,步骤大同小异*

至于Coding,登录进入主页,点击 账户 —> SSH公钥 —> 输入key再点击 加进 

附上当事人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/

稍等片刻,可能会可能环境、网络等原困,部署的时间会有偏差,有的人快有的慢 

 

部署完成后可在浏览器输入 yourName.github.io 可能 yourName.coding.me 都可不还可不可以浏览到一俩个 多属于当事人的博客了 ~

但会  hexo s 即可预览主题效果

博主安装Node.js遇到的问题但会 多次安装了不同版本的Node.js,后该安装进去用户变量上,后该系统变量,也不有每次用的随过后该切换到root用户,就算赋权 sudo chmod 777 file 都没办法 用,也不有折腾了很久才把Node.js完整卸载,再重新安装

在本地运行没办法 问题搞笑的话,没办法 可不还可不可以部署到外网去,在此很久,先得有服务器给你的项目可不还可不可以托管,没办法 Github Page与Coding Page但会 个很好的东西,它们可不还可不可以给让其他同学访问静态文件,而Hexo生成的恰恰是静态文件 

具体请查看 Coding Page 、 Github Page

在安装前,首先还要配置安g++编译器

Coding Pages请看 Coding Pages 

注册很久进入主页,点击项目,点击+,项目名为你的用户名 

 

查看Pages 服务与非 开启:点击项目 -> 代码 -> Pages 服务,若没办法 开启则点开启 

验证github

最后用拙劣的语言总结一下博主搭建Hexo博客的体会,俩个字:简洁但,不简单。 

再俩个字,正如NexT官方说的:精于心,简于形 

= =貌似这个博客但会 为啥简洁,有点儿花俏,装X嫌疑 

但无论怎么还可不可以,折腾这个博客给你受益匪浅,正如很久听到的一句名言,忘了谁说的:不努力试一把,又为啥会知道绝望…好像很有道理,绝望中寻找光芒,绝处逢生,感觉挺不错的 

高级进阶篇:传送门

可能顺利安装完成,理论上Hexo可能安装完成,但在Ubuntu系统中,比较的地方但会  hexo 命令青春恋爱物语装进去去去了Node.js安装目录的 bin 文件夹下,必须快捷地在终端把命令敲出来,也不有还是老规矩,软链接走起

Hexo 安装主题的法子非常简单,只还要将主题文件拷贝至站点目录的 themes 目录下, 但会 修改下配置文件即可 

在这个们使用git克隆好友最新版

那为哪此要注册一俩个 多网站呢?可能Github是国外的服务器,访问带宽单位真难,而Coding是国内的,带宽单位相对来说比较快,在上边DNS解析的很久可不还可不可以把国内的解析到Coding,国外的解析到Github,完美

npm安装,一根绳子 命令即可处理

可能是第一次的会提示与非 continue,输入yes就会都看:You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github!很久博主但会 可能没办法 输入yes,原困2个失败,粗心地一路回车= = 

验证coding

但会 再博文中通过相对路径引用

但会 终端执行 git --version 查看与非 安装成功 

执行以下命令,检测与非 可能装好node.js

插入图片有四种 法子

哪此是 Hexo?Hexo 是一俩个 多快速、简洁且高效的博客框架。Hexo 使用 Markdown(或或多或少渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

有了必要的各种配置文件很久就可不还可不可以在本地预览效果了

Hexo博客搭建的基础大致流程为: 

安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pages仓库 → 部署

到此,Hexo的安装已基本完成,可不还可不可以先试一下Hello World

Node.js的安装有也不有种法子,Hexo的官方文档 建议是用nvm 安装,但好多人都说不行,也不有找了另外四种 法子安装 

windows的童鞋可参考安装Node.js

没办法 让让其他同学有了一俩个 多免费的服务器很久,就要绑定当事人电脑与它们联系,那但会 SSHGit 

绑定很久让让其他同学每次部署项目就太少输入帐号和密码

在次执行 hexo clean 和 heox s 可预览效果 

大要素的设定都能在NexT的官方文档 上边找到,如侧栏、头像、打赏、评论等等,在此就太少讲了,照着文档走就行了,接下但会 个性定制的问题

搭建此博客的动机以及好指在此就太少谈了,很久可能表达过,详情请看Start My Blog Trip — Power By Hexo 

记录一下搭建的基本过程以及遇到的或多或少问题,仅供参考 

= =废话太少说,进入主题

注意冒号上边是网站对应的用户名,接着但会 /,但会 再有了你的项目名加进 .git,master 

保存后终端执行

接下来就可不还可不可以查看与非 成功配置了

在博客根目录的 source 文件夹下新建一俩个 多 img 文件夹专门存放图片,在博文中引用的图片路径 /img/图片名.后缀

在此很久,先安装Git部署插件

开站点配置文件,拉到底部,修改部署配置:

官网 下载源代码,选取最后一项,Source Code 

解压到某一目录,但会 进入此目录,依次执行以下3条命令

上传完成很久点击关闭回到管理页面,选中刚上传的图片,最右边的操作点击克隆好友链接即可 

 

但会 在博文中通过地址引用

进入Github 首页进行注册,用户名、邮箱和密码很久都还要用到,当事人记好,别问我为啥注册的童鞋去问问度娘

Repository合适一俩个 多仓库,用来放置你的代码文件。首先,登陆进入Github,选取首页中的 New repository 按钮 

 

创建时,只还要填写Repository name即可,可不还可不可以顺便创建README文件,但会 红色那个钩,当然这个名字的格式还要为{user_name}.github.io,其中{user_name}还要与你的用户名一样,这是github pages的特殊命名规范,如下图请忽视红色警告,那是可能博主可能有了一俩个 多pages项目 

windows下就直接到Git官网 下载安装即可

使用七牛云储存,可能Github跟Coding项目容量有限,但会 Github的主机在国外,访问带宽单位较慢,把图片装进去去去国内的图床上是个更好的选取,免费用户实名审核很久,新建空间,专门用来放置博客上引用的资源,进入空间后点击「内容管理」,再点击「上传」 

在次喂当事人带盐!当事人博客:http://www.ookamiantd.top

更多主题请看知乎专栏 

 

很久打开浏览器并输入IP地址 http://localhost:1000/ 查看,效果如下 

安装Hexo的非常简单,若果一根绳子 命令,前提是安装好Node.js与Git

NexT有一俩个 多外观,博主用的是 Muse,直接更改主题配置文件 scheme 参数即可,可能显示的是繁体中文,没办法 站点配置文件中的 language: zh-CN

使用Hexo搭建当事人博客(基于hexo3.0) 

Github Pages当事人博客,从Octopress转向Hexo 

Hexo 3.1.1 静态博客搭建指南 

Hexo官方文档 

NexT官方文档

关于git可参考: 

史上最全github使用法子:github入门到精通 

廖雪峰老师的Git教程

这是博主的系统环境与版本: 

OS: Ubuntu16.04 

Node.js: 6.2.0 

Npm: 3.8.9 

Hexo: 3.2.2 

主题NexT: 5.1.0 

Git: 2.7.4

上边的 your_email@youremail.com 改为你的邮箱,很久该要求确认路径和输入密码,让让其他同学这使用默认的一路回车就行。成功搞笑的话会在~/下生成 .ssh 文件夹,进去,打开 id_rsa.pub,克隆好友上边的key,粗暴点但会 Ctrl+a 但会 Ctrl+c