免费搭建个人博客网站 第1篇
物色好框架之后又在网上搜罗了一些比较好看的主题,这次选用了 vuepress-theme-reco
主题,是一款简洁的博客&文档主题,后续如果要添加文档也比较方便。
相比于原生的博客框架,各路大佬们开发的主题框架功能更加丰富,而且网站整体也更加美观:
本次我使用了 npm
进行项目初始化:
此外也可以使用 npx
或 yarn
:
npm
yarn
配置项目基础信息:
配置成功显示:
进入项目文件运行 npm install
:
成功运行后可以看到我们的基础目录结果:
其中 .vuepress
文件夹放置了所有于 VuePress
相关的文件, public
放置静态图片, 配置网站的标题和路由等信息。
blogs
文件夹分类放置博客内容,而 docs
文件夹则用来放置展示的文档。
npm run dev
启动项目:
项目默认运行在 8080
端口:
运行成功后会在 .vuepress
路径下生成两个临时文件(不要手动修改):
免费搭建个人博客网站 第2篇
、设置安装目录
、选择安装组件
、选择开始菜单页(默认即可)
、决定初始化新项目的主干名字(默认即可)
、调整PATH环境(默认即可)
、选择HTTPS后端传输(默认即可)
、配置行尾符号转换(默认即可)
、配置终端模拟器以与Git Bash一起使用
、选择默认的 “git pull” 行为
、选择一个凭证帮助程序
、配置额外的选项
、配置实验性选项
、等待安装完成,在cmd中输入如下指令:git --version,出现git版本信息,说明安装成功
免费搭建个人博客网站 第3篇
大家好,我是爱思思爱猫爱技术的老表,最近一直在研究个人博客搭建,目前正在进行的有 Django 个人博客搭建系列,最近了解到还有很多现成的博客搭建框架,准备后面依次给大家分享下。
本文是基于 Hexo 框架来构建个人博客的,整个过程十分简单,如果顺利的话,可能只需要 10-20 分钟就可以完美构建部署好一个专属于你的个人博客了,记得点赞~
免费搭建个人博客网站 第4篇
主题文件存放在themes文件夹下
、github网站上输入:hexo,也可以搜索到很多优秀的hexo主题
、获取喜欢的hexo主题的http链接和主题名
、在项目文件夹下,使用Open Git Bash here打开git窗口,输入以下指令(git clone 主题http链接 themes/主题名称)
、主题下载完毕
、在themse文件夹下会出现名为:hexo-theme-chan的主题文件夹
、打开文件,将theme: landscape改为theme: hexo-theme-chan
可能会存在部分效果和文件生成失败,但是不影响博客框架的生成,效果可后续配置
、生成chan主题博客展示(在这种配置情况下,生成的任何博客都只有框架,剩余的还得自行配置)
、 生成butterfly主题博客展示
、生成tangyuxian主题博客展示(需要安装wordcount插件)
、生成shoka主题博客展示
参考文章
免费搭建个人博客网站 第5篇
宝塔面板中选择网站->添加站点
域名填写参考下图,ftp和mysql选择创建
注:ftp和mysql的账户资料注意保存
创建完成后可以在浏览器中输入ip地址验证是否创建成功,如果不能显示该页面,可能是默认的80端口未放开
进入WordPress官网下载
选择上传,并解压到根目录
进入到WordPress文件中,全选文件剪切到根目录下
再次访问IP出现如下情况,wordpress安装完成,此时可以删除压缩包和空的文件夹
免费搭建个人博客网站 第6篇
利用淘宝镜像安装cnpm,命令行中通过 cnpm install 命令安装您想要的程序,可在 cmd 中输入cnpm -v, 出现cnpm 版本信息说明安装成功
可在 cmd 中输入 hexo -v, 出现hexo版本信息说明安装成功
免费搭建个人博客网站 第7篇
经过上面操作,你会发现搭建确实很简单,但是访问真的是慢!!!
主要原因是 GitHub 服务器在国外,这个解决还比较简单,我们可以同时将项目部署到国内码云:或者 Coding:,整个过程和将项目部署到 GitHub 差不多。
具体操作我们下节再分享,这周内更新,记得给本文点赞哦~还有什么好的博客搭建框架也可以留言区推荐给老表,我来踩坑!
文章中有说到服务器,然后最近阿里云也在做双十一活动,我是云大使,大家想买服务器的可以私聊我(可以白领,仅针对新用户,大家通过我的链接购买,我会返现大家 60 元,2 核 2G 突击性 t6 60 元/年),当然,我也还能赚个早餐钱,现在第一波活动已经过去啦,第二波活动是 ,有需要的朋友可以加我微信(pythonbrief)私聊我。
参与活动需要先和我关联,通过我的链接注册并登录即可:关联我,点这里注册并登录阿里云
如何找到我:
免费搭建个人博客网站 第8篇
首先我们进入 Hexo 的官网:
在正式开始前,确保你已经准备好了:
1、一个 GitHub 账号,可以直接去官网注册:
2、安装好了 Git、
Git
安装方法很多,最简单的是直接官网下载软件包,然后安装(Mac 和 Windows 及其他版本都有),
Mac 电脑害可以直接利用`brew install git` 进行安装(默认应该自带 git),或者 yum、apt-get 等包管理工具安装。
也可以直接去官网下载对应系统安装包,然后一步步安装即可。
Windows 系统可能需要自己设置环境变量,将对应安装目录添加到系统环境变量即可,浏览器搜索下对应方法即可。
查看下 Git、 版本,确保安装无误 。
首先我们需要新建一个项目目录,以我为例:我会在桌面的 Project 目录下新建一个 HexoBlog 文件夹用于存放改项目相关文件。
这个时候如果直接运行下面语句安装 Hexo,你可能会遇到rollbackFailedOptional
。
这是因为网络问题(npm 的服务器位于国外下载慢),可以使用 cnpm(淘宝团队做的国内镜像)的获取镜像或者直接修改 npm 的资源获取地址为国内的。
另外我自己还遇到了文件写入权限问题,
直接修改目录文件权限即可,如:
解决上面问题后,我们在安装就可以成功啦~(如下截图所示)
前面已经准备好了所有相关环境,接下来我们就正式来初始化一个 Hexo 博客吧~初始化的命令格式为hexo init <项目名称>
,这里我们暂且叫做 blog。
成功初始化后,会在当前文件夹下生成一个新的文件夹`blog`,目录结构如下:
初始化项目后,我们只需在本地执行下面命令即可在本地进行预览,
首先我们需要进入到新建的项目目录下,然后执行`hexo s`即可启动项目,然后我们访问http://localhost:4000/
即可查看网站啦~
目前是默认的主题,另外还有一篇默认的博客`Hello World`。
本地启动项目,s 表示 server
创建一个新的博客,n 表示 new
layout 表示文章布局,可选(post page draft),默认使用 中的 default_layout 参数代替(post)。
title 表示文章标题,如果标题包含空格的话,请使用引号括起来。
生成静态文件,g 表示 generate
部署 Hexo 网站,d 表示 deploy
清除缓存文件 () 和已生成的静态文件 (public)