写在前面:

3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress)。如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收工了。

想有片自己的小花园,可是不会PHP这样的东西,也不太了解CSS,对HTML也知之甚少?这都没关系,CMS + 前端框架,一会会儿就好,需要自己动手的地方真的非常少。

P.S.一直没时间出建站系列,今天被WP气坏了,几乎从头重建了一遍,只好先把用到的东西记下来,免得以后再找

一.建站条件

首先,需要一些硬件方面的东西:

  1. 服务器空间:最便宜的方式就是用SAE或者其它的“免费”空间;经济实惠的方式是租个虚拟主机;嗯,比较伤钱的方式是租个云服务器。三者任选一个就好,看钱包说话。
  2. 域名:租空间一般会给个免费域名,但你肯定不喜欢。可以再去找个免费的,比如.tk等等;也可以花点儿小钱租个域名,.com/.cn/.net之类的都很便宜,关键是看着舒服。
  3. 域名证书:也就是所谓的“备案”,如果是免费的域名肯定是不用这么麻烦的,自己租的域名需要备案,有它就“合法”了。一般域名提供商会给备案指南,只需要自己跑跑腿照照相片寄过去就好了。
  4. FTP工具:装一个FTP工具,以后就可以往自己的空间里塞东西了

当然,如果想把网站做得称心如意的话,还需要一些知识技能:HTML, CSS, JavaScript, PHP/ASP之类的服务端语言,SEO/语义化之类的常识

笔者的配置:

88/年的150M虚拟主机 + 55/年的.net域名 + FileZilla

二.方案选择

具备了硬件条件,先别着急动手写HTML,我们选选方案

后台:

如果时间精力充足,而且技能树点得比较宽,可以考虑自己搭后台:数据库设计 + 分层设计 + PHP/ASP编码实现

如果时间有限,或者没点多少技能,就可以用CMS,比较好的有:

  • WordPress,据说有很好的SEO,海量模版,伪静态页面
  • 织梦CMS,据说简单容易上手,真静态页面,而且,名字好听
  • 帝国CMS,比织梦要难上手一些,不过据说也更强大

P.S.CMS就是帮你打理后台的工具,支持基本的发布、查询、修改、删除信息,还有RSS生成,自动语义化/SEO等等其它好处,有了它,基本的后顾之忧就没了

前端:

如果CSS经验不是很丰富,可以考虑选个前端框架,比如:

  • Bootstrap,很强大的响应式布局,当然因为是响应式的,所以不支持[IE7-]
  • YUI,全浏览器兼容,很全很强大也很“重”
  • EasyUI,全浏览器兼容,比YUI要“轻”些

可以用这些框架轻松构建好看的页面,如果有CSS基础,或者想锻炼页面设计能力还是自己捏的好,不一定好看,但看着顺眼

笔者的方案:

WordPress + JQuery

三.快速建站

第一步,测试服务器空间

弄个简单的html或者php/asp文件用FTP工具传上去,试试能不能访问。当然,如果域名还没有和空间绑定的话要先去绑定。一般不会出什么问题,如果出现问题就去找卖家客服理论,他们会帮你搞定的。

第二步:安装CMS

把下载到本地的CMS上传到服务器,再按照CMS的指南一步步安装,一定要确保这个过程没有差错

第三步:进入CMS后台管理

登入CMS后台,随便写点什么,添个页面,发篇文章什么的,试试CMS的功能

四.WordPress相关问题

1.如何在首页只显示摘要?

WP默认是在首页显示全文的,一篇两篇还好,文章多了就受不了了,特别特别长的滚动条,看着也不舒服。可以只显示摘要,具体做法如下:

  1. 进入后台管理页面/外观/编辑
  2. 在右侧列表找到content.php,点击之后就可以在线编辑(网上说是改index.php,在新版本中没有用的)
  3. Ctrl + F搜索"entry-content",把这个div里面的代码改为:
    <?php //comment in chinese is invalid
    if(!is_single()){
    the_excerpt();
    }
    else{
    the_content(__('(more…)'));
    }
    ?>

注意前后的<?php,?>别弄丢了,可以先把文本框里的内容备份一下,以防不测

2.如何修改页脚的WordPress小尾巴?

一般会有“自豪地采用WordPress”,“又一个WordPress站点”之类的小尾巴,可以很容易地修改:

  1. 同上
  2. footer.php
  3. 搜索"<?php printf(",把"<?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?>"改为自己的页脚即可,改完之后可能是这个样子:
    <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">Powered by WordPress</a>

页眉的改法一样,在header.php里面找就好了

3.如何使用Markdown?

Markdown是个好东西,WP没有原生支持,不过可以去找插件,后台管理/插件/安装插件,一搜一大堆,看人气挑一个就好了

4.如何过滤恶意评论?

在评论框中可以输入js脚本,这很不科学,不过据说WP自带了脚本过滤,不过默认不对管理员使用,我们可以自己开启脚本过滤:

后台管理/外观/编辑/functions.php

在第一块注释下方插入代码:

/*comment filter*/
function code_escape( $incoming_comment ) {
$incoming_comment = strip_tags($incoming_comment, ENT_QUOTES);//filter php, html and xml tabs
return $incoming_comment;
}
add_filter( 'comment_text', 'code_escape' );
add_filter( 'comment_text_rss', 'code_escape' );

这样就可以过滤脚本了,比如输入评论,<script>alert('XSS attack')</script>,提交之后会变成XSS attack文本

5.如何同步更新微博,微信?

前辈给了方案,很好用。当然,这个方案是一种思路,不仅限于解决分享问题,还可以用来更新自定义页面,比如发布博文时同步更新某个角落的某个文件,非常不错

P.S.今天刚刚完成了同步更新日历功能,示例请看黯羽轻扬左上角

6.需要注意的问题

  • 修改php文件的时候千万不要下载-修改-上传,尽量直接在线编辑,因为下载之后本地编辑可能会出现奇怪的编码问题,BOM符号等等
  • 修改的代码中不能有中文注释,因为会出错,向fonctions.php里随便添个中文注释马上就出错了,而且WP的报错没什么用,折腾了一天,最后选择删掉重来一遍
  • 修改文件之前建议一定要先备份,留条后路,不然就悲愤了

后话

简单的建站相关内容就这些了,目前还在修修改改,用到的WP的功能其实还比较少,对WP也处于一知半解的阶段,等摸索熟悉了再介绍其它功能与更多的解决方案

WordPress建站指南(1)的更多相关文章

  1. WordPress建站指南

    WordPress建站指南(1)   写在前面: 3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress).如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收 ...

  2. WordPress建站 新手入门

    WordPress建站 新手入门教程系列 1. WordPress入门 之 什么是WordPress? 2. WordPress入门 之 搭建WordPress站点需要什么条件? 3. WordPre ...

  3. 关于WordPress建站的原理二三事

    在写关于仿站文章详情页如何制作之前,我觉得有必要就一些原理性的问题,做一些说明.文章详情页的核心模块和首页有很多相似的地方,比如调用文章的标题.文章的内容.文章分类.作者等,实现起来都差不多,因此,了 ...

  4. [站点部署_01]wordpress建站网页响应速度慢

    最近可能非常多人发现站点打开速度变慢.这里分享一下该问题的定位方法. 我在本地部署了一个wordpress站点,近几天突然发现站点訪问速度奇慢,实在不能忍.于是採用例如以下方法攻克了这个问题: 1)使 ...

  5. WordPress 建站教程:新手搭建 WordPress个人博客图文教程(完全版)

    前言 WordPress 作为动态博客的代表,至今已经有十几年历史,而且一直在更新发展中,功能强大,插件和主题丰富,WordPress搭建使用也很方便.作为个人站长和博主,很多都是从 WordPres ...

  6. Wordpress 建站(一)

    去年在美国的justhost上买了两个域名(shanyexuanyu.com  和 chenjinyu.net.shanyexuanyu.com是给一位马来西亚的佛教徒朋友做的站点. 她镜头下佛教的文 ...

  7. WordPress建站要怎样选择适合自己的主机

    目前很多大中小的网站都在使用WordPress进行建站,因为互联网站长都知道WordPress建站是很方便的,简洁的界面,栅格化管理风格,深受互联网站长的喜爱. 现在支持WordPress建站的主机商 ...

  8. 一文搞懂WordPress建站

    文章首发于:https://zouwang.vip/ 日日夜夜的等待,WordPress建站教程终于来了.本篇文章适用于第一次建站的小白,帮助你从零搭建起一个属于自己的网站,既然是从零,那么我就会带着 ...

  9. WordPress建站和搭独立博客

    之前有帮外面的公司建站的经历 不去管html css js 服务器脚本等 对于菜鸟新手而言, 一个WAMP + WordPress(博客程序)就够了 都弄好了再部署到云端服务器上 其实整个过程只是安装 ...

随机推荐

  1. About the Cron Expression

    About the Cron Expression Cron is use in Linux for the time schedule Format Seconds Minutes Hours Da ...

  2. UML 类图几种关系的总结(图文并茂、案例详解)

    听语音 | 浏览:2831 | 更新:2017-03-01 13:06 1 2 3 4 5 6 7 分步阅读 在UML类图中,常见的有以下几种关系: 泛化(Generalization),  实现(R ...

  3. windows 与 Linux SOCKET通讯

    windows client 端口 // Def_win_client_socket_test.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" ...

  4. Windows服务器支持json文件

    Windows服务器默认是不支持json文件的直接读取的.如在浏览器中输入地址访问或是通过代码访问,都是无法获取到数据的.需要在服务器端进行配置,让服务器支持解析.json扩展名的json文件. 方法 ...

  5. 【Web】网页清除浮动的方法

    网页中,经常用浮动的div来布局,但是会出现父元素因为子元素浮动引起内部高度为0的问题,为了解决这个问题,我们需要清除浮动,下面介绍4中清除浮动的方法. 在CSS中,clear属性用户清除浮动,语法: ...

  6. 2018.11.06 洛谷P1941 飞扬的小鸟(背包)

    传送门 上升看成完全背包. 下降看成01背包. 注意边界转移就行了. 代码: #include<bits/stdc++.h> using namespace std; inline int ...

  7. 2018.06.26 Dominator Tree--支配树

    在学习支配树之前,请保证已经会写lca(tarian求法) 简介 支配树是什么?支配树能干什么? 对于一个DAG" role="presentation" style=& ...

  8. (9)How to take a picture of a black hole

    https://www.ted.com/talks/katie_bouman_what_does_a_black_hole_look_like/transcript 00:13In the movie ...

  9. hdu6365 2018 Multi-University Training Contest 6 1004 Shoot Game

    http://acm.hdu.edu.cn/showproblem.php?pid=6365 细节处理 unique返回的是最后一位的后一位,因此从1开始的数组要减去(p+1) 结构体可以用unqiu ...

  10. typecho 文章归档调用

    <style> div { display: block; } .title { position: relative; margin: 0; line-height: 32px; fon ...