分享美好
Open, share.

网站开发之个人博客网站建设实例

作者:DO-CAN | 时间:27/6/2018 | 标签:网站建设 网站推广

首先制作一个博客网站需要:


①域名即example.com
②虚拟空间或云服务器
③网站代码制作工具或网站后台管理工具(你可以百度出模板)
④一定的编程技能和代码理解能力(优秀的网站制作者需要了解PHP、JavaScript、CSS、HTML、SQL、Markdown等知识)

1:域名


域名是一个网站的入口与标识,域名需要购买
一般从阿里云(万网)、腾讯云、京东云、Godaddy等网站购买。
域名需要自己想一个好的名称,一旦选中便不可更改。建议大家购买顶级域名为.com、.cn结尾的域名,这些域名在国际上常见,便于网站站在国际高度上。当然你也可以标新立异购买其他顶级域名。比如小米为了购买mi.com域名便花了2000万人民币,饿了吗域名比较奇特为elem.me看是不是很厉害。
当然,域名在中国是需要备案的,在阿里云腾讯云买的域名必须通过工信部备案。
备案一般在购买域名的地方进行,阿里云会自动帮你向工信部提交。一般说来,备案的要求特别严,平均下来备案两次才可能被工信部通过,这期间大约花费两到三周。
备案过程中会让你打印《个人网站承诺书》并拍照上传,为了验证你的身份还需要录制个人视频眨眼,笑什么的,当然你的个人信息精确到地址。(估计到时候抓人的时候方便)
如果你不想备案的话,建议不要从国内的大公司购买域名,从大陆境外购买(香港、台湾也可以)
当然如果你不备案的话如果被网警查到你的网站就要被封或者只能用VPN访问喽。(还是备案吧!!!)
在工信部备案完成后如果你是一个大企业或公司或需要正式的网站,那么建议你还得去公安局备案,即到你网站信息填入的地址处所在地的公安局进行公安备案。(个人网站就不需要了)
2,虚拟空间或云服务器

1.虚拟空间是云服务器分出来的一小部分空间,用来存放你的网站数据。


购买域名后他们可能会给你免费提供一个虚拟空间,也可以购买,或者使用第三方虚拟空间。
现以域名omegaxyz.com为例,把域名www. omegaxyz.com以及omegaxyz.com解析到虚拟主机上(假设虚拟主机的IP地址为21X.5.7X.1XX),解析完成后,将可以用www. omegaxyz.com以及omegaxyz.com来访问网站,当然(解析完成后,还得在虚拟主机上绑定才会生效,本站的虚拟主机完全具备域名自主绑定功能)。
①首先请进入域名管理。(登录会员->英文域名管理->在列表中找到omegaxyz.com并点击”域名解析”)。
②首先来解析www.omegaxyz.com到IP: 21X.5.7X.1XX。 点击”增添主机记录”,然后在弹出的框内输入”www”,注意,不能输入”www.omegaxyz.com”。
③按”确定”,然后输入IP地址: 21X.5.7X.1XX。
④再按”确定”,该解析就完成了,该解析实时生效,大大方便了客户管理。
⑤一般而言,用户除了用带www的网址www. omegaxyz.com来访问网站外,还喜欢用不带www的omegaxyz.com来访问,下面我们来把omegaxyz.com解析到IP: 21X.5.7X.1XX,还是点击”增添主机记录”,将出现下图所示,此时不必输入任何字符,直接点击”确定”。(不输入字符代表域名omegaxyz.com本身)
⑥点击确定后又出现IP地址输入框,输入IP: 21X.5.7X.1XX,然后按确定。
⑦按确定后,该解析也完成了。
云服务器的业内名称其实叫做计算单元。所谓计算单元,就是说这个服务器只能算是一个人的大脑,相当于普通电脑的CPU,里面的资源都是有限的。你要获得更好的性能,解决办法一是升级云服务器,二是将其它耗费计算单元资源的软件部署在对应的云服务上。例如数据库有专门的云数据库服务、静态网页和图片有专门的文件存储服务。
当然用云服务器来存储网页是有点大材小用了,但是能使网站性能更好,且能加载更多子域名的网站如jiaotong.omegaxyz.com。最重要的是如果你想制作APP的话,云服务器是最好的选择了。唯一的缺点就是贵(找找优惠政策)。
在购买云服务器是一定要注意云服务器的系统和环境(阿里云是基于Linux的Centos系统,Java和PHP环境等),这些在第三部分会细讲。
网站代码制作工具或网站后台管理工具
如果你只想制作一个简单的页面,用来宣传一些简单的思想或者是新手试水,那么使用Dreamweaver可视化编辑即可制作一个简单的页面,百度搜索一些简单的模板,即可更改。 此处就看你的编程能力。如果你想制作一个包含多个文件的网站,那么就需要使用一些管理工具了,这里以个人博客为例讲解。
①HEXO(静态)
hexo是一款基于Node.js的静态博客框架, hexo github链接 ,这篇教程是针对与Mac的,参考链接,由于原文讲到的hexo是以前的老版本,所以现在的版本配置的时候会有些改动。
配置环境;
安装Node(必须)
作用:用来生成静态页面的
到Node.js官网下载相应平台的最新版本,一路安装即可。
安装Git(必须)
作用:把本地的hexo内容提交到github上去.
安装Xcode就自带有Git,我就不多说了。
申请GitHub(必须)
作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。
github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。
正式安装Hexo
Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
执行如下命令安装Hexo:
sudo npm install -g hexo
初始化然后,执行init命令初始化hexo,命令:
hexo init
好啦,至此,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。
生成静态页面
hexo generate(hexo g也可以)
本地启动
启动本地服务,进行文章预览调试,命令:
hexo server
浏览器输入http://localhost:4000
登录后台密码完成。