建站全过程
前言:
建站的想法来自于B站up主codesheep。 : )
step1:安装git
我将使用hexo博客框架搭建博客,安装git是必要过程,安装的时候顺便注册一个GitHub账号,如果自己不买域名的话也可以直接推到GitHub里。
安装git的过程推荐尚硅谷_Git&GitHub视频,讲的超级无敌细。
step2: 安装node.js
有关node.js
简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于Chrome JavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
有关npm
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
下载安装包后一直点next就安装完成啦,接下来打开cmd,输入node -version
、npm -version
出来了版本号就表示安装完成了!
如果个人发展方向需要熟练掌握node.js,推荐直接安装nvm,安装完毕后还需还需要对npm进行额外配置。
step3: 安装hexo
- 更换npm源为国内镜像(下载速度更快)
这里使用淘宝npm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
其中-g
的意思是全局安装,cnmp是淘宝npm镜像的定制命令行工具,具体可以查阅淘宝npm镜像的主页。 - 通过npm安装hexo
cnpm install -g hexo-cli
step4: 正式创建博客
创建一个你准备存放博客的文件夹,在文件夹里面右键用GitBush打开(后面的操作我都是用的gitbush,当然也可以用cmd操作,需要在cmd中移动到博客文件夹),输入hexo init
就大功告成啦!(以下为创建好的图)
继续输入hexo s
启动博客~把提示的端口地址复制到浏览器就可以看到刚创建的博客长什么样了!
step5: 部署到github
-
在github创建一个仓库,点击GitHub中的NEW respository创建新仓库,仓库名为用户名.github.io。
-
在blog文件夹装一个部署到git的插件,使用命令
cnpm install --save hexo-deployer-git
完成。 -
修改站点的配置文件_config.yml
repo为创建仓库完毕后首页显示的HTTPS注意:每个冒号后面都要加一个空格
-
hexo d
命令推到远端,根据提示输入GitHub账号密码就可以直接通过用户名.github.io访问了!!!
欢迎访问我的个人博客:https://holmliu.github.io