搭建个人网站要多少钱,小白快速建立个人网站的步骤

对于一个程序员来讲,有一个个人博客真的很重要,做项目中的 新知识点的总结,bug总结,还可以 锻炼自己的表达能力,所以百利无一害。今天说一下如何去搭建个人博客

①:

下载git

方式一(官网下载):https://git-scm.com/download/win(到此页面后,稍微等一下会有下载弹框)

方式二(csdn下载):http://download.csdn.net/download/ainuser/9952103

安装git(按照图上选择即可)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

至此,安装git步骤结束。

下载node.js

下载方式一:http://nodejs.org/download/

下载方式二:https://nodejs.org/en/

下载方式三:http://download.csdn.net/download/ainuser/9952074

安装node.js

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

至此,node.js安装步骤完毕。

③:

安装hexo

首先在本地磁盘中建立一个Hexo文件夹用于存储本地文件(做本地文件保存以及测试使用)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

然后在文件夹中右击打开git命令框(我第一次直接在桌面右击,所以命令行无效果)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

在git命令框中安装Hexo(npm install -g hexo)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

​初始化(hexoinit)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

启动服务(npm install –>hexo server –>hexo clean –>hexo generate –>hexo deploy)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

浏览器输入http://localhost:4000,按理来说应该会出现本地访问页面,但是按照此步骤可能不会出现

注意:访问本地页面的时候hexo server 不可以按ctrl+c停止服务,否则会报404

解决:(npm install hexo-deployer-git –save)

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

如果上述方法不行的话,可以试试下面的(可以的话,请忽略。)

sudo npm install hexo-server

npm install hexo-server –save

如果试过还不可以的话,请根据报错,复制到百度自行查找解决方案或者留言评论

重新部署更新(下面这条命令会经常用到)

(hexo clean –>hexo generate –>hexo deploy)

本地测试:

使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)
使用hexo来搭建个人网站博客(超详细教程)使用hexo来搭建个人网站博客(超详细教程)

如果你们的跟我的不一样,正常,因为我的是已经更换了模板之后的,你们只要根据网址可以访问到页面即可

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至624739273@qq.com举报,一经查实,本站将立刻删除。
Like (0)
柳的头像

相关推荐

发表回复

Please Login to Comment
微信
微信
SHARE
TOP
要想花得少,就用购宝。话费电费9折起,官方公众号:购宝