Wordpress在国内到底能不能用？

我人在国外，在用Wordpress建立一个网站，但是最近需要回国一段时间，做网站的工作不能中断，听说Wordpress在国内不能用了，想知道有没有什么解决的办法。

另外，如果国内Wordpress被禁，那用Wordpress建立的网站是不是也上不去？所以也想请问怎样可以让在wordpress建立的网站可以被国内用户上去？

谢谢。

承接上文，在常用选项中，图片上传和选择功能用的较多，本节来实现这一功能，我们着重讨论功能实现，更多美化样式以及优化性能问题，可自行探索。此处为了便于大家理解，代码言简意赅。
预览

需求如下

• 提供一个图片上传按钮
  
• 可展示选中的图片
  
• 提供清空图片按钮
  

流程如下



效果如下



修改 index.js

存储图片链接值

我们添加键 dataImage 用于存储选中图片的链接

• //存储选项值
  
• const datas = Vue.reactive({
  
•       dataImage: "",
  
• });
  

在获取选项数据时进行赋值，这里，我修改了原来的函数名为 get_option ，更加简洁易懂。

• //获取数据
  
• const get_option = () => {
  
•       axios
  
• .post(dataLocal.route + "pf/v1/get_option", datas, {
  
•           headers: {
  
• "X-WP-Nonce": dataLocal.nonce,
  
• "Content-Type": "application/json",
  
• },
  
• })
  
• .then((response) => {
  
• //省略
  
•           datas.dataImage = data.dataImage;
  
• })
  
• .catch((error) => {
  
•           window.alert("连接服务器失败或后台读取出错！数据读取失败");
  
•           console.log(error);
  
• });
  
• };
  

添加图片上传功能

我们通过以下两个函数，实现图片上传功能

• //上传图片
  
• const upload_img = (file) => {
  
• const formData = new FormData();
  
•       formData.append("file", file);
  
• return axios
  
• .post(dataLocal.route + "wp/v2/media", formData, {
  
•           headers: {
  
• "X-WP-Nonce": dataLocal.nonce,
  
• "Content-Type": "multipart/form-data",
  
• },
  
• })
  
• .then((response) => {
  
• // 图片上传成功后的处理逻辑
  
• const data = response.data;
  
• //返回图片URL
  
• return data.source_url;
  
• })
  
• .catch((error) => {
  
•           console.error(error);
  
• // 图片上传失败后的处理逻辑
  
• });
  
• };
  
• //处理图片上传事件
  
• const update_img = (event) => {
  
• const file = event.target.files[0];
  
•       upload_img(file).then((url) => {
  
• //将拿到的图片URL传给图片变量
  
•         datas.dataImage = url;
  
• });
  
• };
  

添加清空功能

添加以下代码，实现清空功能

• //清空选择图片
  
• const clear_img = () => {
  
•       datas.dataImage = "";
  
• };
  

添加展示模版

为了模版可以拿到对应的功能，记得将需要的功能函数返回出来。

• return {
  
•       datas,
  
•       siteData,
  
•       update_option,
  
•       update_img,
  
•       clear_img,
  
• };
  

模版代码如下

• <input type="file" @change.native="update_img"><br/>
  
• <button type="button" @click="clear_img">清理</button><br/>
  
• <img style="width: 300px;height: auto;"  :src=datas.dataImage v-if =datas.dataImage ><hr/>
  

此时刷新页面，尝试选择图片并保存，即可看到我们完成了图片上传功能，清理按钮也能正常工作，记得修改选项后点击保存按钮。
选择媒体库文件

修改 index.js 文件
流程

• 创建函数，通过REST API 从WordPress 媒体库中获取图片数据
  
• vue将获取的图片数据展示在前端，并提供选择按钮
  
• 选中图片后，将值传给选项值
  
• 保存
  

效果



创建变量

我们创建变量用于存储获取的图片信息，为了便于扩展，这里使用reactive

• //存储获取的值
  
• const getData = Vue.reactive({
  
• //存储获取的媒体库值
  
•       mediaList: [],
  
• });
  

添加新选项

• //存储选项值
  
• const datas = Vue.reactive({
  
• //省略
  
•       dataSelectedImage: "",
  
• });
  

获取数据也得加上

• //获取数据
  
• const get_option = () => {
  
•       axios
  
• .post(dataLocal.route + "pf/v1/get_option", datas, {
  
•           headers: {
  
• "X-WP-Nonce": dataLocal.nonce,
  
• "Content-Type": "application/json",
  
• },
  
• })
  
• .then((response) => {
  
• //省略
  
•           datas.dataSelectedImage = data.dataSelectedImage;
  
• })
  
• .catch((error) => {
  
•           window.alert("连接服务器失败或后台读取出错！数据读取失败");
  
•           console.log(error);
  
• });
  
• };
  

获取媒体库图片

通过以下函数获取图片信息并存储信息进键 mediaList 中

• //获取媒体库图片
  
• const getMediaList = () => {
  
•       axios
  
• .get(dataLocal.route + "wp/v2/media")
  
• .then((response) => {
  
•           getData.mediaList = response.data;
  
• })
  
• .catch((error) => {
  
•           console.error(error);
  
• });
  
• };
  

选择媒体库图片

添加以下代码进行选择

• //从媒体库选中图片
  
• const selectImage = (imageUrl) => {
  
•       datas.dataSelectedImage = imageUrl;
  
• };
  

添加模版

将模版用的数据进行导出

• return {
  
•       datas,
  
•       siteData,
  
•       update_option,
  
•       update_img,
  
•       clear_img,
  
•       selectImage,
  
•       getMediaList,
  
•       getData,
  
• };
  

添加模版内容

• <button @click="getMediaList">获取媒体库图片</button>
  
• <div style="max-width: 800px;;display: flex; margin: 1em 0;">
  
• <div v-for="media in getData.mediaList" :key="media.id" style="float: left;">
  
• <img :src="media.source_url" style="max-width: 150px; height: auto;vertical-align: top; ">
  
• <button @click="selectImage(media.source_url)">选择</button>
  
• </div>
  
• </div>
  
• <h2>{{datas.dataSelectedImage ? "已" : "未"}}选择图片</h2>
  
• <img  :src="datas.dataSelectedImage" v-if="datas.dataSelectedImage" style="width: 150px;height: auto;"><hr/>
  

获取选项值

在php 中，可通过以下方法获取选项值

•     echo "<br/>";
  
•     echo get_option('dataImage');
  
•     echo "<br/>";
  
•     echo get_option('dataSelectedImage');
  

改进

上述代码还有很多改进空间，此处为便于演示以及篇幅原因，仅叙于此。
以下是几个可以优化的点

• 选中图片后无需上传至WordPress即可预览，点击保存按钮后再上传图片，
  
• 若图片选项有值，则使用上传后的图片链接进行图片预览
  
• 优化清理按钮，或做成组件，可复用
  

本地图片预览功能

• const datas = Vue.reactive({
  
•       dataImage: "",
  
• });
  
• const update_img = (event) => {
  
• const file = event.target.files[0];
  
• const formData = new FormData();
  
• //预览图片
  
•       datas.dataImage = URL.createObjectURL(file);
  
• }
  
• <input type="file" @change.native="update_img"><br/>
  
• <img style="width: 300px;height: auto;" :src=datas.dataImage ><hr/>
  

总结

本节我们学习了从本地上传图片和从媒体库选择图片。
代码部分比较乱，尤其是模版部分，这些都会在后续的打包中进行解决的。
能坚持到这里，你已经很棒了，相信到这里，你已经掌握了复选框，布尔值，单选框，多选框等内容，我就不再过多赘述了。
下一节，我们将使用Vite对现有 JS 文件进行打包，并使用一些基础的CSS样式对现有选项进行外观美化，并进一步研究数据校验问题。

当然可以用！！
Wordpress是一款个人博客系统。专门用来搭建博客的。

咱们要确定好思路，确定好步骤， 每个步骤节点做好就完事了。


一、官网建站文档

国内大厂云服务器商对于wordpress都有支持，官方都有相关建站文档提供，也侧面说明wordpress正在获得更大行业认可。
以下步骤快速创建个人博客网站：
1. 如果是腾讯云服务器
轻量应用服务器 使用 WordPress 应用镜像搭建网站云服务器 如何搭建网站 - 最佳实践 - 文档中心 - 腾讯云2. 如果是阿里云服务器
手动搭建WordPress（Windows） - 云服务器 ECS - 阿里云做过云服务器运维的都知道，国内云厂商进行了一波价格调整。如果是搭建博客，选择轻量应用服务器。
网站程序或者模板，我帮不了你，不过下面的这些建议收藏，全部来自官网。

二、服务器篇

目前国内云厂商进行了一波价格调整，阿里云，腾讯云价格有部分机型，价格上调了。不过尽管如此，咱们仍然可以在国内众多头部云厂商中，捡漏到一些高性价比机型。
阿里云和华为云、Uloud强在云服务器，可选范围广，几乎所有机型都参与了活动，稳定性不错。
普通业务选华为云描述款中通用型S3、T5高性价比入门机型(不限流量，高性价比，要抢)或 腾讯轻量应用服务器(建议2核4G6M配置起，2核2G4M带宽，每月流量太少了)。
如果是高并发、企业级业务选择华为云通用型S6、增强型C3、增强型C6s云服务器性能也非常不错。
这几家都有各自的优势，腾讯云强在轻量应用服务器，不过配置最好选择2核4G6M带宽起步。腾讯云的云服务器机型较老，不推荐！！
1、腾讯云

如果是选择搭建一些普通业务，选轻量应用服务器更香哦，性价比更高，它的底层也是S4机型，只是轻量应用服务器并不适合搭建集群，一些特殊应用场景并不合适，像深度学习，挖矿，游戏业务等。
如果是普通业务，选轻量应用服务器最合适，同价格下，配置更高，搭载业务玩的更溜，而且自带多种应用镜像，上手简单。
腾讯云轻量应用服务器更好点，因为腾讯云在轻量应用服务器版本更新，支持镜像最多，可选配置最多，同价位，配置也比阿里云高，选它没错。
细分了一下，谈得上配置高，价格低的配置，只有腾讯云2核4G6M带宽和4核8G10M的配置了。官网秒杀服务器都支持在线预约，官网地址：
腾讯云特惠秒杀，4核8G10M带宽服务器仅388元/年

重要一点是：轻量应用服务器提供wordpress镜像，搭建环境非常方便。
简单小结下：
如果是搭建轻量型应用，比如个人开发者做单机版的博客、网站之类的，轻量2核4G6M带宽足够能打。如果是想要花更少的钱，上最牛逼的配置，腾讯云4核8G10M带宽足够非常耐造，干就完了。 轻量，性能款，覆盖90%以上业务场景。总之腾讯云轻量型性价比真高。



2、阿里云

没什么好说的，入门机型没优势，价格偏高了，目前只有s6、c5、g5机型，c6、机型比较占优势，官网地址：
优惠上云，来阿里云·云小站​3、华为云

目前阿里云和腾讯云经过一波价格调整，已经不是以前那种低价来占据市场了，完全内卷不动了，目前国内头部云厂商，云服务器折扣力度最大的，是华为云服务器，而且官网页面可领取优惠券。
官网地址：
华为云秒杀特惠 —— 2核4G1M带宽仅249元/年

4、硅云

硅云是中小型企业，专门针对香港和国外服务器，性价比挺高的术业有专攻，如果是想要建网站免备案，可选他们家，重要的是可选3年，官网地址：
香港云服务器优惠_免备案服务器 - 硅云​​​​​​​
三、网站备案

网站备案 首次备案 - 备案资料填写流程 - 文档中心 - 腾讯云ICP备案流程概述 - 备案 - 阿里云快速完成网站备案_网站备案_快速入门_华为云四、域名解析

现在的主机提供商基本上都会提供对域名解析和网站备案的服务，按照指示流程可以很方便地解决各类问题。官网地址：
DNS 解析 DNSPod 快速添加域名解析​云解析DNS功能总览_云解析服务 DNS_华为云五、国内头部云厂商大PK

国内云厂商进行了一波价格调整，有些厂商卷不动了，一些机型价格上调了，有些厂商继续卷。所以导致并不是每种服务器是性价比高的，捡漏一些高性价比机型确实是个技术活。
就比如腾讯云轻量应用服务器。 如果是搭建轻量型应用，比如个人开发者做单机版的博客、网站之类的，轻量2核4G6M带宽足够能打。如果是想要花更少的钱，上最牛逼的配置，上腾讯云4核8G10M带宽足够了，非常耐造，干就完了。 轻量，性能款，覆盖90%以上业务场景。
下面汇总了国内头部云厂商官网服务器价格表，这张表源自官网最新优惠活动价格。



国内云服务器价格表汇总

如果你购买的服务器价格比表中高，那得怪你的打开方式不对，记得从文中给出的卡片进入购买！同一种机型，参加的活动不对，价格也会差别很大哦！ 文章地址：
2022年阿里云、腾讯云、华为云 服务器如何选？[价格表已更新]

2022-3-20 补充
可能很多人还不清楚 WordPress其实有两个网站。一个 WordPress.org 一个 WordPress.com
org 是提供 WordPress 源码下载 教程的官网。
com 是由org 联合创办人之一的 Matt Mullenweg 进行开发。是用来提供一个架设WordPress的平台。就是花钱直接拥有一个 WordPress站。但这个站的权限不是特别高，有些限制的地方。（比如不能自己上传插件只能商店下载。不知道现在还是不是这样）。
<hr/>如果你是在 WordPress官网购买了建站服务，且域名并非自己直接就是 http://WordPress.com。国内大概率是打不开的。
但不代表 国内不能用 。 首先 WordPress 是一套 开源的 cms（文章发布系统）。
所以你自己可以搭建一个。
简单且便宜的搭建流程：
已腾讯云举例：
买一个域名，
后缀 .com ￥61 首年 （买域名注意看下续费价格，有的价格很惊人）
其他域名后缀相对会很便宜。
不是所有域名后缀都支持备案，如果要备案记得查一下。
关于备案（也可以不用）
如果你要买大陆的服务器就必须备案
如果不备案在国内相对来说很多服务都不太友好，比如现在大部分的国内cdn都要求用备案域名。
备案是免费的。
不备案不代表就可以为所欲为。
SSL证书
就是 访问协议从 http 变 https ，当然协议很重要，但是各个厂家推出的付费价格我是很不理解的。总感觉是智商税。所以建议选免费的。除非你不差钱。
免费和付费的核心技术是一样的。
有ssl证书除了安全 对搜索引擎收录也很有用。
购买服务器
如果你是一个全新的 个人博客站 建议买低配置的轻量应用服务器 （服务器都可以在线升级配置，前期买低配不浪费钱。） （不备案买大陆地区以外的比如 香港）。
轻量应用服务器 相对 云服务器来说很便宜带宽高，相对虚拟空间来说权限更大。
缺点也很明显 每月有出口流量 限制。超出安量付费。这个你自行考虑。


cpu 2核（独享）内存2G  ssd30G  带宽 30Mbps 月流量 1tb  位置香港  ￥384


系统服务器选 宝塔 （这也是为啥推荐腾讯云的原因 因为跟宝塔有合作），这样会省去你装系统和装宝塔的步骤。
宝塔 是目前一个主流的 服务器管理面板。图形化的操作。对于小白来说很适合。 而且免费。
宝塔里也有一键部署 WordPress。装完就能获得一个 自己的WordPress网站。
总花费￥445 。

接下来就是如果你已经有一个WordPress，想把信息导入过来。
WordPress有官方的导出工具。导出的xml文件。并不会导出 多媒体里 的东西。
在新的网站导入的时候可以勾选下载 多媒体文件。如果用这个方法到保证导入的时候原先网站可以被服务器访问到。注意是你服务器不是你的浏览器。
当然也可以直接复制原先网站 多媒体目录 里的文件到新的服务器里。这种方式需要保证你新旧网站的域名是一致的。WordPress 存储文件的路径不是相对路径而是绝对路径。如果改变了 导入文件里需要替换下所有多媒体文件地址。
其他搬家方案我还没尝试过。
假如你 网站访问多了 轻量应用服务器 已经明显不适合你网站了，那就换普通的云服务器。
新的服务器里也装宝塔，然后宝塔有一键搬家的服务器 （免费），可以吧整个网站带数据库直接搬到新的服务器上。你只需要换一下域名解析。还是很方便的。
访问一下腾讯云链接会有优惠
https://curl.qcloud.com/vCHrjRxT最后自荐一下，本人 2010年就开始接触 WordPress ，对 WordPress 搭建 使用 开发 都挺了解的。有关WordPress 问题欢迎邀我。
<hr/>继续补充：
之所以没推荐阿里云并不是因为不好，只是腾讯云可以直接安装宝塔，会比较适合新人。
有条件我当然是推荐阿里云。（并不是因为我目前在阿里）。
国内的这些云服务商，目前我只关注到阿里云有老用户续期福利。
这是阿里云的优惠链接
优惠上云，来阿里云·云小站

完全可用并且国内基于WordPress开发的网站也已经越来越多。本人大量案例可查：
JennyStudio - 上海WordPress网站建设 海量WordPress案例 H5定制开发
知乎高赞案例贴：
把wordpress改得最不像blog的网站有哪些？
去年有一段时间，http://WordPress.org不能访问，现在也已经完全解除了。现在已经知道并不是被qiang，而是官方服务器对中国大陆的线路负荷问题，此问题早已解决。目前新版WordPress不用任何插件都能正常升级。再说WP完全就是代码在自己手上的，就算真的WP官网被qiang，自己手上的WP网站不会有任何影响。

当然可以用，但是要选个在国内速度好一些的主机。
张朝权：如何创建个人独立博客网站？优网主机 - 安全、稳定、简单、易用