努力不一定成功,但是不努力,一定会失败
我选择的博客搭建方式: Git+Github+Markdown+hexo,可以生成功能比较全面的网页,而且不需要自己购买服务器资源,也就不需要考虑备案。至于缺点么,就是使用前需要配置环境,然后你如果换一个电脑的话,还需要重新配置环境,不过,现在什么软件不需要环境呢?而且个人觉得也不是很复杂。
按照我接下来的步骤,就可以搭建你的第一个初始网站了
1
首先我们需要知道,博客搭建需要安装的软件有:
– node.js 是一种hexo需要用到的运行环境
– git bash 静态网页上传到服务器需要用到的版本控制工具
– hexo 静态网页生成工具
2
- 我来带领大家依次安装这三个软件。首先是node.js,官网下载的地址是https://nodejs.org/en/download/。具体下载哪个版和机器字长就看你个人电脑配置了。无限的是Windows installer 64bit。安装过程按照它的安装提示,至于安装路径可以自己选,其他的一路默认安装就可以啦!!!
但你安装完成以后,检查一下你的安装是否有效,依次输入window+R打开cmd控制台,输入命令行node -v
如果显示出版本号,就说明安装成功了!! - 此外,在node.js安装过程中会默认安装npm,也可以在cmd中输入命令行npm -v来检查npm安装是否有效,有效的话也会弹出版本号。
- 然后是安装git bash,也是直接搜索便可以找到官网,然后下载默认安装就可以。安装完成以后也是在cmd中进行安装检查,输入命令行git --version
- 对于hexo安装,相对复杂一些
4.1 在任意位置单击右键,选择git bash
4.2 然后会弹出一个命令行窗口,然后依次输入命令行** npm install -g cnpm --registry=https://registry.npm.taobao.org然后等待安装
4.3 当系统安装完成后,输入命令行$ cnpm install -g hexo-cli**,然后耐心等待系统安装
4.4 然后,系统安装完成后,输入命令行**$ cnpm install hexo --save**,当系统再次安装完成后就安装完成了,可以去cmd或者git bash窗口输入命令行hexo -v检查是否安装完成
3
接下来,是配置hexo过程来生成本地博客
- 随意目录下创建一个文件夹,最好安装在自己的代码目录下面,方便管理。是放置hexo源文件的文件夹
(命名随意,只是作放置用途) - 在该文件夹下右键运行Git Bash
- hexo初始化,输入命令行hexo init
- 此时,打开之前创建的文件夹,会发现
- 使用编辑器(我使用的是sublime text)打开配置文件 _config.yml,可以配置个人博客的基本信息,也可以不进行改动,等之后懂得更多了再改
- 生成博客,输入命令行hexo g,出现下图说明成功了
- 本地部署测试,输入命令行hexo s可以复制这个网址进行本地访问,切记不能用ctrl+c,因为这样会终止命令行程序,利用右键+copy来复制。
至此hexo本地部署就完成了。
4
将hexo托管到github服务器上,实现远程访问
- 注册github账号,去官网自己注册
- 在github上新建一个放置博客静态页面文件的仓库,命名规则username.github.io username的位置为你的github用户名
- 在hexo本地的配置文件_config.yml中关联上刚才在github上新创建的仓库,将这个文件打开后,在_config.yml最底部找到deploy配置,进行如下图的配置,配置完成记得保存
5
把本地生成的博客,通过上面配置的地址,发布到github上的仓库中
- 还是在hexo源文件夹下打开git bash,输入npm instal lhexo-deployer-git --save,会出现下图,说明配置成功
6
在你的电脑上生成ssh秘钥并添加到github账号上
- 还是在hexo源文件夹下打开git bash,输入**$ ssh-****** -t rsa -C “你的github注册邮件地址”**
- 然后连续多次回车,最终会生成一个文件在用户目录下
- 按照用户目录打开,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的全部内容
- 打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key,title随意取,添加该ssh key:key就填刚刚复制的那一段
- 在gitbash中验证是否添加成功,输入** ssh -T [email protected] **出现下图说明配置成功
7
为git配置github的账号和邮箱
8
正式把博客上传到github上,并可以网络访问,依次执行以下命令:清理 – 生成 – 部署
- 输入命令行hexo clean
- 输入命令行hexo generate
- 输入命令行hexo deploy
下面有一个挺普通的bug,我截了一个图片
对于这个bug,依次输入
然后重新输入命令行hexo deploy,如出现下图,说明配置成功了
至此就大功告成了,这个时候在浏览器中输入http://yourgithubname.github.io就可以看到自己刚刚配置的个人博客了。以后如果想要编写博客,可以接着向下学习。