美文网首页咸鱼翻身的道路@IT·互联网程序员
只要一小时,谁都能轻松建立个人网站

只要一小时,谁都能轻松建立个人网站

作者: 大锤Tracy | 来源:发表于2016-03-06 14:57 被阅读10567次

    作为一个非计算机专业的学生,第一次在知乎上知道wordpress这个神器的时候简直惊喜,当即照着前辈们的提示着手建立我的个人网站(http://chuiyi.wang)。但是一路跟下来,我发现这些教程并不足够满足我的需求:便宜、简单、快捷。所以特开此帖,给像我一样想要快速建立个人网站的非计算机系学生党。目前为止,除了注册域名必须花的18元,尚无其他支出。

    一般的教程主要步骤如下:

    1. 注册域名

    2. 注册虚拟空间

    3. 下载并安装wordpress

    4. 建立数据库

    5. 解析域名

    6. 安装模板和插件

    今天我要告诉大家另一样神器:新浪云。它可以帮助我们轻松搞定2、3、4个步骤。

    所以这个教程的主要步骤如下:

    1. 注册域名

    2. 注册和使用新浪云

    3. 解析域名

    4. 安装模板和插件

    1. 注册域名

    国内外的域名注册商都是可以选择的,我个人使用的是:

    阿里云域名注册     http://wanwang.aliyun.com/domain/

    注册方法很简单,搜索并筛选未被注册的域名,然后付款就行。一个普通的域名的价格一般是第一年40、50元,也有的域名比较便宜,像我注册的就是第一年18元。

    2. 新浪云

    在使用新浪云之前,为了注册虚拟空间,我在阿里做活动时申请了一年的免费虚拟空间,申请国内的主机空间比较麻烦的一点,就是要备案。备案过程特费时,一来一回了好几天,在此按下不表。新浪云好的一点就是目前对个人开发者并没有备案要求。

    关于虚拟空间,另一个要考虑的因素是,一年后阿里云就会开始收费,不管你的PV(page view)是zero还是爆表,都要固定缴费。而新浪云使用的是“按需收豆”的收费方式。1元 = 100云豆,云豆可以用来购买新浪云的各种服务,包含新浪云应用 SAE、云主机 SEC、云存储 SCS、云容器 SC2、云商店 SCM、云邮箱 SEM。对于一个个人网站上来说,一两百颗云豆妥妥够用了。

    为了建立数据库,我曾经使用过XAMPP,一个挺大的软件。但实际上如果你没有其他用途的话,下载这样一个软件就是杀鸡偏用牛刀了。而新浪云可以让我们不用操心数据库的问题。

    那么现在开始使用新浪云创建wordpress。

    首先,你需要注册新浪云:http://t.cn/RGHkgss

    新浪云目前的活动是,通过邀请注册新浪云的,被邀请人和邀请人各得200颗云豆。所以上面那条是我的邀请链接,请收下!

    然后,进入云应用控制台。

    点击“创建新应用”。

    输入一个二级域名。如果你有自己的域名,这里可以随便填,以后我们会把网站改成独立域名。

    填入应用名称,选择“WordPress for SAE"

    然后等待系统进行安装:

    安装好以后会进入这个著名的WordPress的5分钟安装页面:

    填好要求信息提交之后,wordpress会贱兮兮地告诉你:是不是还沉浸在安装的喜悦当中呀?可是你已经安装好了哦!

    现在你返回控制台,就可以看到刚刚创建好的wordpress应用了。(我由于个人手贱,先后创建了两个,在下个步骤中会解释怎么手贱的)。

    现在已经可以用这串二级域名来访问你的初始主页了。

    在页面上登录状态下可以进入”仪表盘“进行网站后台编辑:

    3. 解析域名

    解析域名的意思就是,这个让域名和网站勾搭起来。

    我们回到新浪云控制台,找到刚刚创建的应用,点进来会看到这个应用管理的界面:

    点击域名管理:

    在下框中输入注册好的独立域名:

    点击绑定。之后系统会弹出这个提示框:

    这个信息不用特地记,我们返回域名管理还会看到:

    那么怎么进行CNAME,怎么进行A解析呢?

    这时候我们就需要回到我们注册域名的地方。我以阿里云域名注册为例。

    首先,进入阿里云的管理控制台,找到你的域名:

    点击域名,找到它的解析设置:

    点击“添加解析”,即上图中的红色按钮。按照新浪云给的方式添加那两条解析。

    等上几分钟,等到“是否生效”和“是否验证”都显示了“是”,就算解析完成了。这时在浏览器中输入你的独立域名,就可以链接到网站了。

    /* update: 根据几位读者的反馈,在这里补充几条tips。

    1. 新浪云提供的CNAME和A解析地址由英文和数字组成(一定不是乱码),如果出现乱码请换个浏览器试试。

    2. CNAME主机记录那里填"chuiyi.wang"(你的独立域名)或"@"的意思都是一样的。

    3. 新浪云提供的A解析地址要复制全。有朋友看到我的阿里云A解析记录里的“主机记录”没有后面那串“.chuiyi.wang”,就跟着只复制前一半了。其实我是复制全了的,只是阿里云没有显示。

    4. 如果你发现虽然新浪云显示了“步骤进行到 是否验证:是 是否生效: 是”,但却无法通过独立域名打开网站。请检查一下阿里云解析记录里是否还有其他解析内容,有的话就删掉,只留新浪云要求解析的那两条,然后等几分钟看看。

    */

    但还有个问题,就是虽然输入个人域名可以进入到个人网站了,可是在网站里跳转一下,浏览器上方又变成了新浪给的二级域名。

    这个问题很好办。回到个人网站的仪表盘,点击设置:

    将URL填写为你的个人域名,保存后重新登录即可。

    特别提醒好奇宝宝们:

    千万不要填入其他网站的URL!

    否则就再也找不到你自己的网站了……

    对,这就是为什么我又重新建了第二个wordpress应用……

    4. 安装模板和插件

    到第三步为止,如果你对系统自带的网站主题可以接受,那个人建站就算完成了。如果你对网站主题有更高的追求,请往下看。

    新浪云建站的缺陷是,无法在线选择wordpress主题和插件(其实在线模板种类也有限),所以如果想安装样式丰富的模板,我们需要另一样神器:SVN。

    之前用阿里云虚拟空间的时候,不论是安装wordpress还是上传开源模板,方法都是ftp。ftp在windows上的操作比较简单,用本地文件夹就可以操作。OS系统本身对ftp没有支持,所以我用了一款广受推荐的叫FileZilla的免费软件。文件的上传速度极慢,忍无可忍的我又去尝试了其他ftp免费软件,发现都一样龟速。

    所以现在初尝甜头的我一定要向各位安利新浪云+SVN的方式!

    SVN一般来说是开发团队用以进行版本控制的工具。而在这个案例中,我们主要使用SVN来控制云端代码。

    首先,我们需要下载一个SVN客户端。

    Windows的用户请参考这一篇SAE的代码部署手册:(直接拖到“使用SVN客户端”)

    http://www.sinacloud.com/doc/sae/tutorial/code-deploy.html#id2

    Mac用户可以下载SmartSVN:

    http://www.smartsvn.com/download

    SmartSVN一开始有30天的专业版试用期,到期会自动退为普通版。没关系,够用的。

    说到SVN,几个名词稍微解释一下。

    Repository(源代码库)-源代码统一存放的地方;

    Checkout (提取)-当你手上没有源代码的时候,你需要从repository checkout一份;

    Directories - 本地存储代码的地方

    Commit (提交)-当你已经修改了代码,你就需要Commit到repository;

    Update (更新)-当你已经Checkout了一份源代码, Update一下你就可以和Repository上的源代码同步,你手上的代码就会有最新的变更。

    简单来说,我们现在需要从新浪云(Repository)提取(Checkout)网站的源代码,放到本地(Directories),然后在本地进行代码修改(或者添加主题、插件文件),再将本地的文件提交(Commit)到新浪云。

    所以打开SmartSVN后,我们就跟着软件引导进行Checkout.

    第一步是输入源代码库的地址:

    这个地址可以在新浪云应用管理中的代码管理里找到:

    然后输入本地存放代码的位置:

    接着Continue……你会看到左下角正在Checkout:

    完成之后,云端的文件就会出现在你的本地文件夹里了。

    在本地文件夹里,可以找到wp-content这个文件夹,点开之后里面有叫做theme和plugins的文件夹,分别用来存放wordpress的主题和插件。接下来我们需要做的,就是在网络上下载心仪的主题和插件,然后放到theme或plugins文件夹里。

    放好之后,需要把本地的代码传到云端。只需要打开SmartSVN,在左上角的Directories中找到你刚刚放进去的主题文件夹,进行Commit操作即可。

    Commit成功后,回到wordpress仪表盘的“外观”管理中,你会发现可用主题除了最初默认那2个外,还加入了你刚放进去的主题。

    这是只有2个可用主题的默认版本 这是添加了自选主题后的后台页面

    用这个方法,你就可以玩遍所有开源的wordpress主题和插件了,想什么风格是什么风格~

    相关文章

      网友评论

      • 98d642fce9a8:个人感觉,目前来看,在做个人网站方面,海外注册域名、Google免费一年+300USD额度的方案可能价格更加实惠,想要转移域名也比国内简单些。不过需要科学上网+双币信用卡+会填海外账单地址。
        98d642fce9a8:不够作者的这个介绍真的是很用心了,值得感兴趣的人学习一个
      • 游读社:谢谢,很厉害
      • 地表最强程序员小白:域名续费好贵
      • JoeyKo93:不支持python3😂
      • 百伊公卿:是不是真的这么简单,我也要尝试一下
      • b506c3450fec:按照楼主步骤,已成功注册并购买了阿里云上的域名,并创建了新浪云上的应用,但是在阿里云上解析的时候没有找到绑定域名这个地方。求解求解!!!急急急,在线等,万谢,万谢~~~
      • genesisthemes:谢谢分享!

        添加一个教程!

        用2小时就可以自己建立一个电子商务网站或外贸网站 (一步步建站, 一步也不少)

        随着互联网的发展,越来越多的人都自己用WordPress免费网站建设平台(CMS)来搭建商务网站销售产品。外贸网站或境外电商也一种趋势。

        这里就来给大家讲讲如何使用人家开发好的WordPress,开源网站程序CMS来电子商务网站或建外贸网站。

        首先,创建一个网站一点都不复杂,你真的不需要学习HTML语言, 学习PHP语言, 学习CSS, 学习图片处理, 学习网页制作等等。你更不需要去看那些教你制作网页和网站的书。你只要跟着以下的视频教程操作就可以从零开始,用2个小时左右就可以做出一个完整的外贸网站。

        其实,现在无论是外贸网站,电子商务网站,企业网站,个人网站,或会员网站基本都是使用WordPress搭建的。目前,如果需要销售商品,你只需安装WooCommerce这个免费商务系统,你就可以拥有一个专业电子商务网站或外贸网站。根据WordPress的数据显示,WooCommerce平均每天也有两三万个下载。

        资料来源: https://wordpress.org/plugins/woocommerce/stats/

        无论是建立电子商务网站,还是外贸网站,WordPresss和WooCommerce都是最好的选择。目前,有40%的商务网站都是用WordPresss和WooCommerce这些免费资源搭建的。很多的外贸公司也基本都选择这些开源系统建设外贸网站。

        其实,选择一个可靠的主机空间也是一种学问。美国的主机供应商是世界最发达的。美国的主机不但空间大(100GB),在国内访问的速度和稳定性也非常不错。目前最好最适合的就是US Domain Center 这家全球性公司了,它的价格公道稳定,支持国内支付宝。购买域名和空间后可以马上使用,无需备案。

        首先,每个网站都需要域名(Domain Name)和空间(Hosting)。我们建议使用美国的公司 US Domain Center的域名(网址)和空间(高速空间)。无论你在中国,美国,加拿大,或其它国家,你都是使用它们的服务。US Domain Center不但接收不同的货币(人民币,美元,加币,或其它货币),它的主机中间遍布世界各地,保证网站的运行速度快。

        US Domain Center: http://www.usdomaincenter.com/

        从购买域名, 空间, 安装WordPress, 到网站上线只需10分钟(可用支付宝, PayPal, 信用卡购买美国主机:
        https://www.jiustore.com/payment-methods/

        用2小时就可以自己建立一个电子商务网站或外贸网站 (一步步建站, 一步也不少):
        https://www.jiustore.com/e-commerce-site-in-2-hours/


        建立一个网站包括3个步骤:
        1. 登记一个域名
        登记一个域名是建立网站的第一步。域名也就是你的网站在互联网上的名字,它可以成为你网站的形象,所以最好花些时间来挑选你的域名。jiuwp.com是这个网站的域名,简单,易记。

        2. 购买一个空间
        网页寄存是用来存储你的网站或博客,并把它发布到互联网去。你也可以在空间(网页寄存)储存文件和安装不同的功能,如:论坛,博客,和购物车等等。

        3. 建立你的网站
        安装WordPress,选择网站主题,和添加内容就可以。


        免费资源: 用WordPress建站视频教程

        1) 用WordPress搭建完整网站视频教程 (从零开始只需1小时)
        该视频对所有的浏览者或读者免费开放。你只要跟着这个视频教程做,你就可以自己动手搭建一个专业的网站。我们会一步步教你如何建立你的第一个网站。

        在YouTube观看: https://www.youtube.com/watch?v=TFP1udhVV6c

        在土豆观看: http://www.tudou.com/programs/view/eDy87n_Cbpo/


        2) 新手WordPress视频教程: 学习如何建立响应式网站的全套流程
        只要你跟着我们这个45分钟的教程做就可以建立一个专业响应式网站(可以在手机,电脑,或平板电脑浏览)。你也可以对该网站进行任何的个性化修改(不需任何专业知识)。

        在YouTube观看: https://www.youtube.com/watch?v=XssSXxaukAo

        在土豆观看: http://www.tudou.com/programs/view/ql4bhKF7vro/

        其实,现在无论是外贸网站,电子商务网站,企业网站,个人网站,或会员网站基本都是使用WordPress搭建的。
      • 伊丽莎白_狗剩:新浪云应用的WordPress和新浪云商店里的有什么不同,为啥价格不一样?
      • 伊丽莎白_狗剩:具体购买时需要多少容量没有推荐,介绍的还是表面了点。
      • 伊丽莎白_狗剩:这些在mac系统上能用吗?下载软件那些……
      • 蕾蕾是女神:新浪云现在也要备案了,是不是?
        蕾蕾是女神:@异冇族人 不能的,之前新浪云可以不备案,现在吧可以了。都要备案的,推荐阿里云备案,虽然繁琐,但是审核都很快。
        独咕湿兄:@大锤Tracy 没有办法绕过备案么
        大锤Tracy:@蕾蕾是女神 是的
      • 蕾蕾是女神:如果我在新浪云创建了应用之后,,,,还需要在阿里云那里进行备案,申请域名什么的吗?
      • aabea500c7fe:谢谢分享!学习了!

        我的个人网站
        WordPress建站:https://www.jiustore.com/
      • 漂泊海上的大土豆:您好 按照你的步骤 到a和cname解析的时候就不太会填了 ,成功使用自己注册的域名访问了一次,然后就找不到服务器了。 另外我们注册的域名不要要备案么?
        大锤Tracy:@漂泊海上的大土豆 你好,新浪云目前对个人域名没有备案要求。
        另外,我不太明白你说的“找不到服务器”?
      • _轻舟:好好干
      • 98f5f2828f36:会不会是 和当前agent离线有关?
        大锤Tracy:@ProfessorDing 你好,没有关系的。你试试我上一条回复说的方法
      • 98f5f2828f36:步骤进行到 是否验证:是 是否生效: 是
        大锤Tracy:@ProfessorDing 我也遇到过这个问题,后来我在域名解析设置里,只留了新浪云要我解析的那两条,其余的都删掉,几分钟后就好了
      • 98f5f2828f36:你好!我按照你的步骤,没有办法打开啊
      • VI8080:打开页面 找不到仪表盘了, 怎么登录啊
        VI8080: @王大bo 我改了板块,右边的隐藏了
        大锤Tracy:@BeyondLy 如果用的是初始模板的话,在网站页面右侧可以找到蓝色的“登录”文本链接
        大锤Tracy:@BeyondLy 如果用的是初始模板的话,在网站页面右侧可以找到蓝色的“登录”文本链接
      • VI8080:用花了多长时间,多少钱
        大锤Tracy:@BeyondLy 摸索的时间比较长。第二次建在一小时以内。目前为止除了域名还没花钱
      • terrylmay:wordpress还是不太方便,建议使用hexo+github的pages,本身就有二级域名
        terrylmay:@KLEN 网上一堆教程
        伊丽莎白_狗剩:@terrylmay hexo+github的pages,请问有教程不?学习一下。 :smile:
        大锤Tracy:@terrylmay 之前有在一篇文章里见过,因为里面的名词都不太了解所以没去试。谢谢建议哈,我回头去看看

      本文标题:只要一小时,谁都能轻松建立个人网站

      本文链接:https://www.haomeiwen.com/subject/juaokttx.html