前端本地开发搭建博客服务器

⑴ 前端搭建本地服务器

前端使用vscode编辑器，安装live serve插件
然后在vscode编辑器的右下角有 Go live 按钮，点击自动启动本地服务器

右键，使用Live Server打开；

1. 安装node.js；
2. 安装http-server
http-server详细介绍，包括参数等： https://www.npmjs.com/package/http-server
在命令行中安装到全局（-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用）：
操作： 运行cmd + 输入以下命令：npm install http-server -g （可能会出现权限问题，在npm前加上sudo）
3. 开启服务
进入目标文件夹（也就是需要启动服务的文件夹），shfit+右键 —— “在此处打开Powershell窗口”，输入如下命令：
hs -o （等同于 http-server -open）
本地服务器就启动起来了，默认端口为8080。
遇到问题：端口被占用，修改端口：hs -o -p 8888
完毕！！

1、安装全局anywhere，npm install anywhere -g
2、cmd中进入要启动本地服务器的静态文件夹，执行命令：anywhere；
3、anywhere的网址： https://www.npmjs.com/package/anywhere

⑵ 前端工程师零基础个人网站搭建

大家好，我是一名前端工程师，我想大多前端工程师都渴望自己独立搭建一个个人网站，不管是出于更多的学习提升自己的核心竞争力，还是想要展示自己建一个个人博客，亦或者是纯粹出于好奇想建站一条龙跑通，反正，就是要自己独立搭建一个网站跑通。你可以说没有以上的想法，反正我有，所以，我就尝试了，最后输入我的网址 maramlee.com ，成功展示了“hello world”。啊…哈哈哈……

打算写这篇文章是希望能给想要尝试自己建站却迷茫在前端的同学一点方向，可能就有人说了，网上随便搜零基础建站一大堆，不需要我在这边写，我回想我这建站之路，觉得还是很有必要，相信肯定会有一部分人会因为我的这篇文章而受益。

我在建站之初就查过很多资料，网上的资料很多很杂，有各种原因：比如太多不好分辨，有些时间比较久远，也有很多本来是基础点却各行如隔山一脸懵，等等，所以实际操作起来比较吃力。我这里就从最初的申请域名开始，到最后输入网址出现“hello world”，整个流程串联起来，希望起到抛砖引玉的作用。

我希望您是一个有前端开发基础的人，当然，我尽量将用到的技术点都提出来，希望能给没有基础的人一个思考方向。

我这边域名、服务器等用的是阿里云，不用这个平台的小伙伴儿与自己的平台自行对比哈，有问题，也可以给我评论留言，一起探讨。如果不知道选哪个平台申请，可以和我一样，注册一个 阿里云账号 ，再跟着我做。

此节有 注册域名 、 实名认证 、 备案域名 这几个流程。

输入想要的域名，未被占用即可注册。具体操作，请参见 注册通用域名 。
域名后缀通常为.com或.cn，基本上是能注册 .com 就注册 .com ，更多后缀请参见 域名区别 。

具体流程，请参见 域名实名认证概述 。

说明 使用中国大陆境内服务器托管您的网站时，需要进行备案。否则不需要备案。
为节约备案时间和顺利通过备案，建议您提前了解并做好备案前的准备工作：

各省管局要求资料有所不同，请根据 各地区管局备案规则 准备资料。更多详情，请参见 ICP备案前准备概述 。

如果按步骤来的话，没有备案过，所以参见： 首次备案 。
如果您是其他备案场景，请参见 ICP备案快速入门 。

先前往 实例创建页 ，对于运维来说，这节比较简单，但是作为运维小白，购买服务器的时候，要注意根据自己的实际情况购买，强烈多查下阿里云的文档： 使用向导创建实例 ，很详细！同时多看看提示、注意事项等。下面是我这个运维小白看了文档后总结的步骤，如果你是小白也可以这样做，如果有运维人员发现我的描述这些有问题的话，也请多多指教哈。

比如你只是想学学试一下，就选择“按量付费”（注意按量付费的话，要先充值，记得充100-200都可以），但你希望长期维护就选择“包年包月”。

这个要注意，总的来说，查看的网站的人在哪里多，就选哪里，如果你自己的博客，也可以选择自己所在地，反正全国范围内用的话，都差不了多少。更多的参见： 教我选择地域

作为玩玩的网站，就按最小的选就可以了。

不知道怎么选，建议选择 CentOS 7.4 64位。注意，如果你是 windows 的电脑，也不要想当然的选择 Windows Server 系统，这里是你的服务器镜像，可以简单的理解为这是一台新电脑的配置，和你本地使用的电脑系统无关。

这个看你存储东西决定，你可以想象成你新买一个电脑，这里的存储可以看成电脑的内存。系统盘是必须选的，可以看成 windows 系统的 C 盘。至于数据盘和 NAS 存储，不了解也可以先不选。对于玩玩的小伙伴儿，可以直接就操作系统盘打通流程，至于其他数据盘什么的，可以后面深入了解了再扩展。

这个有“经典网络”和“专有网络”的区别，现在新开的账号，都只有“专有网络”这个选项，就直接选这个就可以了，想知道更多它们可以自行查阅资料。

默认勾选“分配公网IPv4地址”即可

做测试用的话，就选“按使用流量”即可

可以看情况选择，一般的玩玩，默认 5M 即可

想要了解详细内容，可以查看： 教我选择> 。安全组可以根据提示，新建一个安全组： 新建安全组> ，这里进去后，新建时，需要创建专有网络，根据提示填写，一般默认就可以。

剩余的弹性网卡和 IPv6 作为小白来说，暂时用不到，可以打通流程后再进行知识补充。

这个看你心情，可以登陆后再设置，可以“自定义密码”也可以用“密钥对”，根据文档提示操作即可

再之后的操作可以看你情况设置，问题不大，确认好后即点击购买即可。具体详细操作，记得看文档哦~

域名解析后，外部用户才可通过域名访问网站。比如输入 .com 就可以访问网络网站。
主要操作，看阿里云的这个文档就可以了： 设置域名解析快速入门

部署网站这里涉及到服务器部署，对于前端来可能比较陌生，可能对后端来说比较容易些，但是，这个也不是很难，阿里云给了部署的方式： 自助建站方式汇总 ，可以选择适合自己的方式进行部署。我是前端人员，最熟悉的语言是 javascript ，所以，我选择用 node.js 部署，阿里云文档里也有对应的操作文档： node.js部署

这样，你的第一个网页就出来啦~~~

作为小白，踩过的坑真的不少，像不会后端怎么办？学 node.js 。不会 Linux 系统操作怎么办？查 Linux 常用操作。反正就是各种找文档，找学习资料。这里就稍微提下比较基础的坑，希望对其他小白有帮助。

连接 ECS 实例有多种方法：

注意，绑定了密钥对之后，上面两种连接方式都不可以用了。

想知道更详细的内容，可查看 文档 。

Linux格式化数据盘 文档中有写，格式化数据盘，需要挂载，随实例一起购买的数据盘，无需挂载。而且，云服务器ECS仅支持数据盘分区操作，不支持系统盘分区操作。我前面就没注意到，系统盘，就是随实例一起购买的数据盘，我只有这个盘，看文档的时候就跟着操作，进行分区，分了很多次，用 fdisk -lu /dev/vda1 查看分区成功的，但是，运行命令 mkfs.ext4 /dev/vda1p1 在新分区上创建一个文件系统就一直报错：The device apparently does not exist; did you specify it correctly? 找不到文件系统。最后找了很久才发现犯了低级错误，在系统盘分区。

由于我不是计算机科班出身，不是很了解 ip 地址，在安全组里创建规则的时候，对于授权对象一栏，一脸懵逼，于是查找了下 IP 地址相关知识。

有一点基础的人都知道，控制台输入 ifconfig 打印出的地址，与电脑中图形化界面上显示的 ip 地址一样，但是，这个地址是内网地址，并不是外网地址。
我在这里做测试的时候就将内网 ip 设置上，然后一直没有预期效果。
外网地址，可以打开网络，直接搜索 ip 就可看到你的外网地址。

对于 ip 地址也是恶补了下，不了解的小伙伴儿可以参考这个地址： CIDR的IP地址的表示与划分方法 ，对于这个实例，我也做了个笔记，供大家参考：

主机ID全为0和主机ID全为1的为非法IP地址
网络ID相同的就属于同一网段

C类：C类IP地址：
3字节的网络地址（最高位必须是110）+1字节的主机地

CIDR：无类域间路由
IP地址/网络ID的位数 0.0.0.0/0
子掩码：子网掩码的二进制格式中的网络位全为1。这样二进制格式的子网掩码和二进制的IP地址进行“与”运算，可以得出该IP地址的网络位。
CIDR技术用 子网掩码 中连续的1部份表示网络ID，连续的0部份表示主机ID。
例如 ：192.168.23.35/21，计算子网的网络ID、子网掩码、起止IP地址
子网掩码：255.255.248.0

网络ID：192.168.16.0

起始IP地址：192.168.16.1

结束IP地址：192.168.23.254

由于我使用的是阿里云平台，文章中很多节选自阿里云，想了解更多的小伙伴儿请多查看阿里云文档。

我是事后回忆写的文章，所以，可能有遗漏的地方，如果读到发现有问题，请给我评论或留言，我会持续改进此文。

⑶ 前端搭建本地服务器供局域网使用

作为前端开发搭建本地服务尤其重要，下边的方法三步完成服务器的搭建：

$ npm install http-server -g  // 全局安装http-server

$ cd demo2   // 打开要共享的文件

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981

⑷ 如何搭建属于自己的个人博客网站

从很久以前就有粉丝问浪哥怎么搭建个人博客，怎么搭建一个个人博客网站呢，其实搭建一个博客还是挺简单的，一个网站的建立无非就是：域名-空间-程序这几样组成的，只要完成了这几点你就可以搭建一个网站哦！

域名注册

我们搭建自己的博客的时候是不是得有一个自己的网站的域名了，首先我们先确定好自己网站的域名，建议长度在6位数这类的，这样容易好记一些；想好域名后我们就去找一些域名注册公司注册就行了，需要注意的是后辍一定要选择主流类型：”com cn net org“这几种其中的一个或者多个。其余的都就不要选了。

空间购买

注册好域名后，我们就去买一个放网站程序的空间，可以是ASP的也可以是PHP的建议大家选择PHP的这样安全一些。前期我们的网站流量都不大所以买一个空间就行了。流量比较大的时候在换成服务器这类的。一般我们都是购买国内的空间，如果嫌麻烦不想备案就买香港的。

域名备案

在国内不管你做什么网站都得备案网站，建议大家备案一下。如果大家使用的是国外的服务器或者香港的服务器或空间。可以不用备案，国内的不备案也就不能够访问网站，这点我们得知道。

程序选择

我们搭建一个博客网站是不需要一个程序呢？那是肯定的。现在博客程序流行的有三种：“WordPress ZBlog Emlog ”,它们各有各的优点和缺点，大家喜欢哪一个选择好就行了。建议大家用ZBlog !

网站安装

选择好博客程序后。我们把下载下来的程序包上传到网站的根目录，然后把域名解析到空间上（*空间也要绑定域名），然后访问并且安装博客程序。安装完成后基本上就完成了，我们也只需要起一个比较好的网站名称设置好一些栏目。有能力的可以自己写一个博客主题，不会的话自己用免费的或者买一个。

我觉得搭建一个网站不难，重点是不好推广。所以大家得注重网站内容质量和推广！

⑸ 我是个前端，公司让我搭建服务器，如何弄

公司让我搭建服务器，这个说来也简单，如果是专业的数据中心托管服务器，会帮你搭建系统，配置环境。我们的数据中心就是这样，工程师可以协助用户搭建环境，上传应用，都是免费服务。

⑹ 如何搭建个人独立服务器与博客

搭建独立博客，也就是自己做一个独立的网站，拥有自己的地盘，不要想得太复杂，其实很简单。
第一，要明确建立博客的目的，确定以后要用他来实现什么样的目的，就是一个方向。
第二，购买空间和域名，这个没有多大的要求，只要自己喜欢就行，另外还要比较容易让人记住。
第三，选择博客程序，安装程序。
第四，博客内容的填充，中后期的维护。

⑺ 如何建立自己的博客

1.怎样建立自己的博客
“博客”是英文单词Blog的译音。Blog是Weblog的简称，中文意思是“网络日志”。人们通常把撰写Blog的人称为Blogger，也翻译为“博客”。因此，“博客”既可以指撰写网络日志这种行为，也可以指撰写网络日志的人。

博客是继Email、BBS、ICQ之后出现的第四种网络交流方式，一个博客其实就是一个网页，它通常是由简短且经常更新的帖子所构成，博客中的内容从知情人爆出的“新闻内幕”，到纯个人色彩的思想、诗歌、散文、照片甚至科幻小说、DV作品，应有尽有。

有些人通过博客结交了新的社交圈，有人则把自己的博客当成与客户交流的平台，而这位张先生在装修新房期间，还把自己的账单和装修进度发到博客上，根据网友的回复和指点，他及时调整装修方案，少花了不少冤枉钱。

那么怎样能拥有自己的博客呢？当前，大多数博客是免费的，只要你有一台能够上网的电脑，一个有效的邮箱，一个ID就可以了： 1.登录该网站网页，按步骤申请一个有效的用户名，即ID； 2.用新申请的用户名重新进入网站主页面，点击进入“天涯博客”页面，在这里，会看到醒目的“博客使用手册”，点击后按照页面提示操作，申请新的blog，输入自己喜欢的博客日志标题和网志描述； 3.为自己的博客选择一个标准版。这是体现自己博客风格的第一个步骤。但是一般网站提供的页面模板大多比较单调，如果要有自己的风格，可以自己或请专业的朋友为自己的博客设计一个独一无二的、别具特色的页面。这样，你就可以在自己的博客里畅所欲言了。

2.怎样让很多人都能看到我的博客?
博客人人都可看到,但要吸引更多的人不断的来看你的博客,一要有新意,内容要是大家都关心的话题,或喜欢的内容,二要不断更新,最好每天都有新内容.

3.怎样建一个自己的网站
1． 要建立个人网站，首先必须要了解一下目前网页制作的基本语言HTML，入门即可，大概花个一二小时就可。
2． 学会使用目前流行的网页制作软件，如Frontpage、Dreamweaver等一些功能强大，所见所得的软件，初步了解就可，不用全部掌握，一般是边用边学，不断提高使用水平。
3． 广泛的上网浏览各种网页，一开始最好能下载一些较简单的个人网页，因为他们所用到的技术较为简单，可用网页制作软件打开研究。然后推荐去浏览一些专业的网页设计网站，学习一些排版经验，同时可下载一些网页结构模版供自己套用。
4． 确定你的网站主题，我个人不主张开始就想建软件大全、书库等网上流行的为网站主题，因为第一你不够专业，网上已有太多的同类软件，别人不可能上你的网站下载。第二这类网站需要巨大的主页空间，不仅一开始你申请不到这么大的空间，而且你也不可能经常上载维护。网站主题最好是有你的个人特色，实在不能确定我建议自己做一个私人门户网站，将平时自己经常去的网站做一个较为综合的连结。
5． 网页最好不要用特别与众不同的颜色、字体，因为每个人使用的计算机各不相同，特别的颜色、字体别人不一定能看得到。
6． 网页要增加美观图片不可缺少，我建议如果你会用一些专业的作图软件最好自己制作，这会有自己的特色，放些私人照片也可以，但切记各种图片一定要作优化处理，减小它的存储尺寸。提醒一下每页不要放过多的图片，因为第一会使网页显得杂乱，第二会使你的网页显示速度过慢。制作图片的常用软件有Photoshop，Fireworks等。
7． 网页上可以用一些动画与特效增加你主页的美观与功能，动画可上网找，同样最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator软件制作，目前流行的是Flash动画，更多变化，尺寸更小，缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件，有些计算机用户不能看到Flash。网上还有许多免费的Javascript等可供使用，与图片一样，我建议每页不要放太多的动画与特效。
8． 网页基本建成后，上网找免费的主页空间，以其主机的速度，提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据，所谓CGI是指主机服务器上提供的程序，一般你可申请有免费计数器、留言板等。找到速度快，主页存放空间大，域名简单的网站存放你的网页。
9． 接下来是将网页上传至你申请的服务器上，具体上传的办法你在申请主页空间时就会了解，具体使用你制作网页的软件即可，我个人推荐使用CuteFTP Pro上传，这个软件功能强大，简单易用。
10． 好，现在你的网站已建立，你可通知你的朋友上去浏览，把个人网站印在你的名片上，还想推广你的网站？那你可去各大搜索网站登录你的新站，如雅虎、搜虎、新浪等知名网站。你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换，如太极链，酷站等。在做这一步时你需要做二个468X60和88X31尺寸的广告图片，动画最好，存储大小尽量控制在10k以下。
11． 如果你还想靠你的网站赚一些小钱，你可去一些商业网站申请广告连结，替他们做广告，一般以从你的网页点击到他们的网页次数算钱。
12． 最后我要提醒各位未来网主，你的网站千万不要放一些明显与国内政治相抵触的内容，这事关重大，不可儿戏，否则网站被关闭事小，坐牢也说不定哦。另外，网站内容与性有关可大大增加被浏览的数量，但黄色的内容不要放，虽说性质比不上反动内容，但也有问题。建议打打擦边球，提供一些性教育、性知识，情情爱爱的内容无伤大雅。