使用wordpress搭建独立域名的个人博客或网站

时间:2022-10-25 20:06:57

最近抽空闲时间搭建了一个独立域名的个人博客站点,基本过程如下:

一、准备工作:

1、准备一个独立的域名,我是从万网中注册的cn结束的域名:tuzongxun.cn,价格29元,根据个人选择,也有更高更低价格的;

https://wanwang.aliyun.com/domain/?spm=5176.7960203.237031.173.1XB108

使用wordpress搭建独立域名的个人博客或网站

2、准备服务器,我是购买的阿里云的免费版共享云虚拟主机,价格33元(要抢);

https://wanwang.aliyun.com/hosting/?spm=5176.8048432.237031.184.bKTYm8

在上边的连接中找到“立即秒杀”。

使用wordpress搭建独立域名的个人博客或网站

3、准备博客或者网站程序,我是使用的wordpress免费建站程序,下载zip格式的安装包。

https://cn.wordpress.org/

使用wordpress搭建独立域名的个人博客或网站

二、准备工作做好了,接下来就要正式操作了,上传和安装wordpress程序:

1、使用fileZilla工具上传文件zip文件到购买的主机中,fileZilla使用参考阿里云的文档:

https://help.aliyun.com/knowledge_detail/36243.html?spm=5176.7836177.2.5.3H1LU8

使用wordpress搭建独立域名的个人博客或网站

2、安装wordpress程序,参考阿里云文档:

https://help.aliyun.com/knowledge_detail/36248.html?spm=5176.7836182.2.5.SIJKfC

使用wordpress搭建独立域名的个人博客或网站

安装的过程中又出现过一些连接数据库的问题,建议再参考阿里云提供的如下视频教程:

https://help.aliyun.com/video_detail/36558.html?spm=5176.7836557.2.2.LZsiZo

使用wordpress搭建独立域名的个人博客或网站

三、成功完成第二步以后,我们就可以使用购买的虚拟主机中的临时域名在浏览器访问了,这时候可以登录wordpress的博客管理后台,使用网上的博客模板,进行适当的修改创建个人博客:

1、下载模板,可以在下边的网站下载,也可以自行百度:

http://www.wpmee.com/blogtheme/

使用wordpress搭建独立域名的个人博客或网站

2、在临时域名后加上/wp-admin登录到管理后台,选择“外观”->“主题”->“添加”->“上传主题”把下载的模板上传,然后启用;

使用wordpress搭建独立域名的个人博客或网站

四、到第三步基本上就可以了,但是这时候是模板固定的格式,如果自己懂一些编程技术的话,就可以自行进行适当的修改,我就在里边加入了统计代码、微博关注按钮代码、分享代码和qq快捷会话的代码:

1、统计代码,这里需要先在wordpress的后台管理中安装WP-PostViews插件并选择启用,之后的代码如下,基本不要改:

<h3>文章统计</h3>
&nbsp;<font style="color:#F00;font-weight:bold;">文章</font>&nbsp;&nbsp;
<?php
    $count_posts = wp_count_posts();
    echo $published_posts = $count_posts->publish;
?> 篇</br>
&nbsp;<font style="color:#F00;font-weight:bold;">浏览</font>&nbsp;&nbsp;
<?php
    get_totalviews(true,true,true);
?> 次</br>
&nbsp;<font style="color:#F00;font-weight:bold;">评论</font>&nbsp;&nbsp;
<?php
    $total_comments = get_comment_count();
    echo $total_comments['approved'];
?> 条</br>
</br>

2、微博关注按钮代码,这里需要把uid改成自己的微博的uid,样式也可以自行修改:

<iframe width="100%" height="230" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=350&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=5259644402&verifier=6555b7ae&dpc=1"></iframe>

3、分享到qq空间、微博等的代码,使用了加网中生成的,基本也不用改:

<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_24x24">
    <a class="jiathis_button_qzone"></a>
    <a class="jiathis_button_tsina"></a>
    <a class="jiathis_button_tqq"></a>
    <a class="jiathis_button_weixin"></a>
    <a class="jiathis_button_renren"></a>
    <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
    <a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->

4、qq快捷会话的代码,需要把qq改成自己的:

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1160569243&amp;site=qq&amp;menu=yes"><img style="width:84px;height:86px;" border="0" src="http://bxu2359010614.my3w.com/wp-content/uploads/2016/08/u24160513473836176649fm21gp0已去底.png" alt="有需要,qq联系我" title="有需要,qq联系我"></a>

五、到这里基本上就搭建完成了,剩下的一些就跟搭建没有太大的关系,我添加了一些博客和图片,然后使用临时域名访问,电脑端效果如下:

使用wordpress搭建独立域名的个人博客或网站

手机端效果如下:

使用wordpress搭建独立域名的个人博客或网站

六、此时来看,这个网站已经像模像样了,剩下只是不断的完善和修改,但是现在的访问却只能使用临时域名,而且需要登录ftp后才会跳转。因此就需要给我们买到的独立域名备案,等备案成功以后就可以使用自己的域名来访问了。

备案可以在阿里云申请辅助备案,可参考阿里云文档,里边有详细的操作步骤,按照步骤来就好了:

https://beian.aliyun.com/

使用wordpress搭建独立域名的个人博客或网站

这里如果是让阿里云辅助的话,需要购买一个幕布,价格15元。

七、一切搞定后,我们便正式拥有了完全属于自己的博客或者网站了,时常为一年,总花费29+33+15=77元,当然了,域名和服务器的费用的是每年一收,一年后可以选择续费或者不在使用。我的个人博客是tuzongxun.cn,目前正在备案中,还只能用临时域名访问。

使用wordpress搭建独立域名的个人博客或网站的更多相关文章

  1. 记github上搭建独立域名的免费博客的方法过程

    前提:拥有github帐号,linux上安装好了git. 全局路线: 1. 设计一个你想要的二级域名,并在git上创建一个以[二级域名.github.com]作为项目名的repository. 过程详 ...

  2. 技术人如何利用 github&plus;Jekyll ,搭建一个独立免费的技术博客

    上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中 ...

  3. Mac 上搭建基于 Hexo &plus; GitHub 个人博客

    环境配置 本人电脑系统:macOS Node.js 生成静态页面.安装Node.js Git 用于将本地 Hexo 内容提交到 Github.Xcode自带Git(前提:macOS已经安装了Xcode ...

  4. 搭建自己的 github&period;io 博客

    1.前言 github.io 是基于 Github 的 repo 管理,这意味着咱们对其是有绝对的控制,这个跟放在第三方的平台比,可控性要好太多. 使用 github pages 服务搭建博客的好处有 ...

  5. 搭建minima主题的github博客网站

    layout: post title: "搭建minima主题的github博客网站" date: 2019-04-20 19:20:20 +0800 --- 作者:吴甜甜 个人博 ...

  6. python drf&plus;xadmin&plus;react&plus;dva&plus;react-native&plus;sentry&plus;nginx 搭建前后端分离的博客完整平台

    前言: 经过差不多半年的开发,搭建从前端到服务器,实现了前后端分离的一个集PC端.移动端的多端应用,实属不易,今天得空,好好写篇文章,记录这些天的成果.同时也做个分享. 演示网站地址: http:// ...

  7. 分享Node&period;js &plus; Koa2 &plus; MySQL &plus; Vue&period;js 实战开发一套完整个人博客项目网站

    这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https: ...

  8. 关于 JavaScript 学习 —— 好的博客或者网站推荐

    作者:Tw93链接:https://www.zhihu.com/question/19651401/answer/46211739来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...

  9. jekyll 将纯文本转化为静态网站和博客 静态网站生成器

    jekyll 将纯文本转化为静态网站和博客 静态网站生成器 这个貌似对windows 支持不是很好~ 但是有支持,官方说不建议使用

随机推荐

  1. BestCoder&num;15 A-LOVE&lpar;暴力&rpar;

    Love Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  2. Docker系列之(三):Docker微容器Alpine Linux

    1. 前言 使用Docker创建容器时,基础镜像通常选择Ubuntu或Centos,不管哪个镜像的大小都在100MB以上. Alpine Linux是一个面向安全的轻型的Linux发行版. Alpin ...

  3. NSAutoReleasePool

    做iPhone应用开发已经2年多了, 但一些基础的概念性问题只是大致了解, 脑袋中有个模糊的概念. 虽然对平时工作开发没什么影响, 不过时间长了, 心里总是有点虚. 所以从现在开始, 每当我遇到一个模 ...

  4. beaglebone-black 在Angstrom系统中的网络配置方法

    Beaglebone Linux 101: Assigning a Static IP Address with Connman Posted on February 6, 2012 by dwatt ...

  5. FormView分页显示数据的例子

    %@ Page Language="C#" AutoEventWireup="true" CodeBehind="FormView控件.aspx.cs ...

  6. C&plus;&plus; Primer高速学习 第一章 获得二:输入和输出 &lpar;IO&rpar;

    什么是输入输出.即Input-Output,缩写是非常装B的IO?请看经典民间解释: C++语言的输入输出是指信息从外部输入设备(如键盘.磁盘等)向计算机内部(内存)输入(即Input)和从内存向外单 ...

  7. 【MM系列】SAP 根据PO查找对应的打印FORM

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP 根据PO查找对应的打印FOR ...

  8. 学习笔记31—endnote设置

    修改文献引用设置: JournalArticle: Author. (Year). Title. [Translated Title]. [Reviewed Item]. Journal|, Volu ...

  9. 114ic电子元器件网

    http://www.114ic.cn/datasheet-pdf/TPA0211DGN-163932.html

  10. &lbrack;Hive&rsqb;使用 Antlr 开发领域语言

    Antlr 简介 ANTLR 语言识别的一个工具 (ANother Tool for Language Recognition ) 是一种语言工具,它提供了一个框架,可以通过包含 Java, C++, ...