美文网首页Code
基于Hexo框架的个人博客搭建

基于Hexo框架的个人博客搭建

作者: 淡写回忆 | 来源:发表于2019-06-13 08:24 被阅读61次

1、安装Node.js:

因为Hexo框架是通过Node.js生成的,所以首先根据自己的操作系统安装相应的版本(博主电脑为win10  64位所以下面以此配置进行演示)下载链接为:https://nodejs.org/en/download/

然后直接傻瓜式安装即可,一直Next。

安装完成后进行测试Node.js是否安装成功,使用win+R  输入cmd进入命令行界面输入命令:

node -v

出现相应的Node.js的版本号 即为安装成功

2、安装Hexo框架

安装Hexo框架需要使用npm(Node Package Manageer)包管理器。

什么是npm?npm是一个包管理器,发布者将自己的代码发布(npm publish)到代码仓库(registry),使用者将自己需要的包写入package.json文件中,到代码仓库中把代码下载(npm install)下来。

安装使用命令行进行:npm install -g hexo-cli

查看安装版本:hexo -v

由于npm代码仓库的服务器在国外,由于Great Firewall的缘故,下载速度可能不尽如人意,这时你可以使用淘宝的npm代码仓库,通过npm安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org安装成功后,可以通过以下命令查看cnpm版本:cnpm -v通过cnpm来操作下载速度会得到很大提升,但包的版本不一定是最新的。

3、建立本地博客目录

(1)进入c盘的个人目录下  C盘->用户->Only you(这是个人的计算机的名称)然后直接在空白处按住shift键然后鼠标右键选择在此处打开powershell窗口即可,此时你的工作目录便在此处,如需查看输入pwd命令即可。

(2)新建目录book:mkdir book

进入book目录下 :cd book

新建blog目录:mkdir blog

进入到blog目录下:cd blog

(3)初始化博客:hexo init

出现此处命令代码即为成功初始化

4、启动并进入博客

使用命令启动博客:hexo s

然后会显示博客的本地启动端口,一般为http://localhost:4000

接下来便可以在本地启动博客,在浏览器的搜索栏里面输入启动博客生成的端口即可(即上面的http://localhost:4000

注:断开使用Ctrl + C即可

5、新建自己的第一篇博文

使用命令建立自己的第一篇文章:hexo n "我的第一篇博客文章"(此处引号内为文章的名字)

此处建立后  文件会出现在此处:

编辑完成后将工作目录放置在blog目录下(使用pwd查看)

1、使用hexo clean清理缓存

2、使用hexo g进行生成

3、重新在本地生成启动  hexo s

6、将博客部署到远端(此处推荐白嫖党github)

网站上登入自己的github

new一个新的仓库

然后直接create新建即可

1、回到命令行下在blog目录下安装一个部署到github的插件:npm install --save hexo-deployer-git

2、打开这个路径下的这个文件

修改此处为:

repo处写的是仓库的地址:

接下来部署到远端即可:hexo d(会提示输入github账号与密码)

现在直接拿仓库名访问即可在外网访问:用户名.ghithub.io

相关文章

网友评论

    本文标题:基于Hexo框架的个人博客搭建

    本文链接:https://www.haomeiwen.com/subject/mlodfctx.html