一直以为自己记忆力很好,毕业之后才发现,之前需要看一遍就能记住的东西,现在看两三遍才能有印象。而搞技术的,如果不及时的记录下当时的情景,过后很容易就忘记。所以,再次萌生了搭博客、写文章的想法(之前用Discuz模板搭过一个论坛,后来忙的废掉了)。

本文介绍如何搭建个人博客网站,网站有空间、程序和域名组成。首先,空间是存放网站程序的,一般的博客程序不需要单独的主机,购买一般的网络空间即可(云主机等等),空间还分为国内和国外;其中国内的需要备案,网速比较快,而国外的不需要备案,网速相对较慢;其次,网站程序一般选择博客模板,我首次用的是论坛模板Discuz,这个模板比较臃肿,不太适合博客建站,一般用于论坛等等,我这次用的是wordpress模板,比较轻量级,各种插件也比较丰富;最后,域名是我们搜索用的,需要解析后才能用,需要到域名售卖网站购买。详细建站步骤如下:

一. 搭建本地开发环境

1.下载MAMP

利用MAMP搭建本地开发环境,MAMP是一款集成Apache、MySQL等等的软件包,可以在本地模拟网络空间,下载地址:MAMP下载

2. 安装

傻瓜教程,无脑点击 下一步。MAMP安装好后,有两个版本,一个是MAMP,另一个是MAMP PRO,打开MAMP,因为它是免费的。

3. 更改根目录

点击 Preferences... --> Web Server --> Document Root 重新选择网站重新目录,这里放我们的网站重新。

4. 创建数据库

点击 Open WebStart page --> phpMyAdmin --> Databases,在Create database下面输入数据库名称,如wordpress,然后点击 Create即可创建数据库,用户名和密码都是root。

二. 安装网站重新

1. 下载网站模板重新

wordpress下载

2. 安装模板

将下载的wordpress模板解压后的所有文件,拷贝到MAMP的根目录,然后在浏览器在输入:localhost:8888/,点击 现在就开始:

填写好数据库名、数据库用户名及密码、数据库主机(网络空间为IP),之后点击提交:

填写网站名称、管理员账户和电子邮箱,之后点击 安装WordPress 进行安装:

点击 登录 后即可跳转网站后台登录界面,输入管理员账户后即可登录网站管理后台。

三. 管理网站

1. 选择模板

点击 插件 --> 安装插件,选择主题、markdown编辑、适配移动APP、访客统计等等插件,增强网站美观和信息记录功能。也可以到wordpress网站下在主题等其它资料。

2. 浏览网站

输入:localhost:8888/及可查看个人博客网站。关于进一步优化网站的方法,请根据需求查阅相关资料。

四. 上传网站重新到网络空间

1. 下载ftp工具,如 FileZilla

2. 连接网络空间

3. 上传本地的网站程序

4. 上传本地的数据库wordpress,不会的和网络空间的技术员沟通一下,了解如何上传数据库

五. 网站解析

1. 在购买的域名网站解析用IP解析网络空间

2. 在购买的网络空间网站绑定域名


至此,个人博客网站便搭建好了,可以通过域名访问自己的博客网站了,是不是很鸡冻,有木有。(有时,解析后需要等一会儿,无法立即访问到)

如何搭建个人博客网站(Mac)的更多相关文章

  1. 阿里云+wordpress搭建个人博客网站【小白专用的图文教程】

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  2. 阿里云+wordpress搭建个人博客网站

    [正文] 在阿里云上搭建使用个人博客主要分为以下几个步骤: 1.购买阿里云ECS主机 2.购买域名 3.申请备案 4.环境配置 5.安装wordpress 6.域名解析 声明一下,本人对服务器端的知识 ...

  3. Linux_基于Docker快速搭建个人博客网站

    时间:2017年04月28日星期五 说明:基于docker技术,使用jpress开源框架搭建个人博客网站.特别感谢jpress开源项目.系统版本:CentOS 7.2-64bit. 步骤一:准备Doc ...

  4. Flask搭建个人博客网站(1)—项目规划--李渣渣(lizaza.cn)

    Flask搭建个人博客网站(1)—项目规划--李渣渣(lizaza.cn) 发布时间:2020-05-2413次浏览 前言 现在市面上又许多比较成熟的博客平台,例如:CSDN,博客园,新浪博客等!对于 ...

  5. 从零到一快速搭建个人博客网站(域名自动跳转www,二级域名使用)(二)

    前言 本篇文章是对上篇文章从零到一快速搭建个人博客网站(域名备案 + https免费证书)(一)的完善,比如域名自动跳转www.二级域名使用等. 域名自动跳转www 这里对上篇域名访问进行优化,首先支 ...

  6. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录

    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...

  7. LNMP架构之搭建wordpress博客网站

    系统环境版本 [root@db02 ~]# cat /etc/redhat-release CentOS release 6.9 (Final) [root@db02 ~]# uname -a Lin ...

  8. Hexo+Github/Coding免费搭建个人博客网站

    体验更优排版请移步原文:http://blog.kwin.wang/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把 ...

  9. 从零到一快速搭建个人博客网站(域名备案 + https免费证书)(一)

    环境介绍 资源 说明 centos v7.2 docker 快速部署项目环境 nginx 反向代理,同时配置https证书 halo v1.4.2,开源博客项目 Let's Encrypt 免费证书 ...

随机推荐

  1. Android精品源码与技术博文

    Android精品源码android遵循Material Design风格天气源码基于exoplay 自定义播放器 支持直播 1 ExoUserPlayer 基本播放器...几种动画效果Animati ...

  2. python webserver, based on SimpleHTTPServer

    #-*- coding:utf-8 -*- #author: lichmama #email: nextgodhand@163.com #filename: httpd.py import io im ...

  3. Linux系统下基本命令

    <Linux系统下基本命令> Linux系统下基本命令: 要区分大小写 uname 显示版本信息(同win2K的 ver) dir 显示当前目录文件,ls -al 显示包括隐藏文件(同wi ...

  4. zoj 3963 heap partion

    https://vjudge.net/problem/ZOJ-3963 题意: 给出一个数列,可以用这个数列构造一种二叉树,这个二叉树满足数的下标 i <= j,并且 si <= sj,s ...

  5. (转) Spring Boot JDBC 连接数据库

    文本将对在Spring Boot构建的Web应用中,基于MYSQL数据库的几种数据库连接方式进行介绍. 包括JDBC.JPA.MyBatis.多数据源和事务. 1 JDBC 连接数据库 1.1 属性配 ...

  6. 【firefox】关闭firefox缓存

    在Firefox中关闭缓存 看看这里 在地址栏输入:about:config 然后在过滤器中输入:browser.cache.disk.enable 解释:When a page is loaded, ...

  7. angularjs 动态显示内容适用于$modal

    1.创建指令 angular.module('app').directive('dynamicElement', ["$compile", function ($compile) ...

  8. Java 程序员技能导图 1.0

    做Java开发已经一年,并非科班出身,在毕业工作三年后毅然决然辞职,参加培训机构从零开始.在这期间迷茫.失望.绝望时常伴我左右,但是在不断自我提高与努力中渐渐看到一些小小的成果使我不断坚信自己的选择并 ...

  9. 【前端】react and redux教程学习实践,浅显易懂的实践学习方法。

    前言 前几天,我在博文[前端]一步一步使用webpack+react+scss脚手架重构项目 中搭建了一个react开发环境.然而在实际的开发过程中,或者是在对源码的理解中,感受到react中用的最多 ...

  10. Android对话框和帧动画

    Android对话框 在一个例子中展示四种对话框. 设置四个按钮 <LinearLayout xmlns:android="http://schemas.android.com/apk ...