三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 有简书了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子。还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了。 编写,发布 接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。 5分钟应该快到了 是不是很快,恭喜你能走到这一步,你的博客已经完成了,在浏览器中输入 http://dimsky.github.io就能够访问了。最后应该是类似这个样子的 ? 时间有限,这里只说到了简单的博客创建流程,还有很多很好玩的配置与插件。比如说评论、标签、统计等等。慢慢的完善你的专属博客吧。
写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~ 准备工作步骤 1:GitHub上面新建一个仓库,用来放自己的博客 2:安装git 工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install 6:运行,并且在浏览器打开,就可以看到博客页面了 hexo server http://localhost:4000 三:
写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~ 准备工作步骤 1:GitHub上面新建一个仓库,用来放自己的博客 2:安装git 工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install 6:运行,并且在浏览器打开,就可以看到博客页面了 hexo server http://localhost:4000 三
博客搭建 3. 后续改进 1. 国内也有很多博客和技术论坛,比如简书、博客园等等,然而使用别人的博客架构,自定义的内容受到很大限制,而且使用 markdown 语法的话,一般都需要自己开设一个图床,这样就使得文章内容可能会需要两方,甚至三方的服务 另外,现在博客内容的重复性chaoxi 现象太过严重,因此构建一个自己的博客还是很有意义的。 看了这个主题,除了风格不太适合我个人以外,它实现了 MathJax ,Mermaid.JS 等强大的可视化功能,这些是在处理算法原理的时候非常有用的 还想到了一个很好的方式,如果大家也想加入到公众号文章的内容建设中来的话 ,直接 Fork 我的博客仓库,然后将内容提交到博客仓库即可,合适的内容,将会被编辑到公众号~ 简化了大家的交流模式~ 很早以前就有搭建博客的想法,现在看了这些项目和内容,忽然觉得很兴奋!
写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~ 准备工作步骤 1:GitHub上面新建一个仓库,用来放自己的博客 2:安装git 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install ? 5: 部署 hexo deploy 注意这里需要输入GitHub用户名和密码哦 ? 图片.png ? 6:查看仓库,已经将项目放在仓库里面了 ?
另外,博客也是一个交流平台,不仅可以分享知识给别人,同样可以接受大家的反馈、以及建议,扩展思维。总之,养成写博客的习惯,对于技术、个人沉淀、成长都非常有帮助。 我们就一起盘点下,最近分享项目5个适合做个人博客的开源项目。 _from=gitee_search 四、RightControl_Blog:Asp.Net Mvc开发的个人博客系统 项目简介 这是一个基于Mvc 5构建的简单、代码层级分明的开源个人博客系统。 系统功能完备,完全可以满足需求,基本不用二次开发,非常使用程序员的个人博客。 支持QQ一键登录、降低注册门槛,针对留言、评论支持数量限制、锁定用户,避免垃圾信息。 地址 https://gitee.com/LiuCabbage/RightControl_Blog 五、.Net Core开源个人博客网站 项目简介 一个基于.NET 6开发的个人博客网站,功能完备。
简介 Java ssm开发的个人博客系统,可以发布博客,照片,站长留言。 演示视频 https://www.bilibili.com/video/BV1sf4y1y7Ne/? share_source=copy_web&vd_source=ed0f04fbb713154db5cc611225d92156 技术 mysql,SSM,css,js,jq 功能 简单版(个人): 网站功能 :登录,上传照片,发布博客,首页,博客详情,注册,照片管理,博客管理,给站长留言,查看留言,分页,编辑博客,删除博客,删除照片,分页展示博客和照片,分页展示站长留言,修改登录密码。 增强版 角色 管理员+注册用户 添加功能:博文浏览量,博文评论,用户可以删除自己的评论,博主可以管理该博文以下的所有评论,搜索博文,博客首页展示用户头像,昵称,上传头像,修改基本信息,相册显示用户头像昵称
背景 很多人都希望能有自己的博客,但是搭建一个博客需要大量的人力物力,比如说,需要一台一天24小时运行的服务器,需要购买一个域名,备案,自己需要运维服务器,需要繁重的开发工作,从前端到后端事无巨细。 方案设计 可以采用腾讯云函数实现,通过Hexo和腾讯云函数能快速构建自己的个人博客。 serverless 安装Hexo $ npm install -g hexo-cli 初始化项目 $ hexo init hexo # 生成hexo目录 $ cd hexo $ npm install 生成博客页面 region: ap-guangzhou website: https://xxx.ap-guangzhou.myqcloud.com 25s › hexodemo › Success 修改博客内容即可
0x001 效果演示 0x002 简单介绍 前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。 在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。 个人博客 演示:http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。 输入hexo g生成静态网页,然后输入hexo s打开本地服务器 hexo g hexo s 5. 注册Github账号创建个人仓库 接下来就去注册一个github账号,用来存放我们的网站。 当文章没有设置特色图时,本主题会根据文章标题的 hashcode 值取余,来选择展示对应的特色图 我认为个人博客应该都有自己的风格和特色。
ctrl+end 搜索:ctrl+f 替换:ctrl+h 引用:输入>之后输入空格 代码块:ctrl+alt+f 加粗:ctrl+b 倾斜:ctrl+i 下划线:ctrl+u 删除线:alt+shift+5 command + 1 或者:# 大标题:command + 2 或者:## 标准标题:command + 3 或者:### 中标题:command + 4 或者:#### 小标题:command + 5 通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园, 美化博客园 使用BNDong 来美化博客园达到我们上面的效果,项目地址: https:/ 通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。 [image-20201009213254124] 截至我们的博客就搭建完成了,如果部署中有问题请联系我微信,或者邮箱
个人博客搭建 作者:张首富 时间:2020-10-09 w x:y18163201 邮箱:zsf18163201@163.com 博客地址: blog.zhangshoufu.com [TOC] blog ctrl+end 搜索:ctrl+f 替换:ctrl+h 引用:输入>之后输入空格 代码块:ctrl+alt+f 加粗:ctrl+b 倾斜:ctrl+i 下划线:ctrl+u 删除线:alt+shift+5 command + 1 或者:# 大标题:command + 2 或者:## 标准标题:command + 3 或者:### 中标题:command + 4 或者:#### 小标题:command + 5 通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园, 美化博客园 使用BNDong 来美化博客园达到我们上面的效果,项目地址: https:/ 通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。 ? 截至我们的博客就搭建完成了,如果部署中有问题请联系我微信,或者邮箱
博客的开始 其实,一切都是为了更好的装逼。好吧,我着相了。 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了。 于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了。 于是就有这最初的一个,相当简陋的利用 Emacs 的 Org-mode 搭建的博客,后来看了 Org-page 这个包,但是,我配置不好啊!为什么为什么! 博客的生活 我很喜欢调试自己的博客,但是写博客就不是那么喜欢了,但是我希望能养成一个定期写博客的习惯。 所以,我需要博客,主要是用来装…咳,主要是用来记录我们的生活、工作的内容,这样在下次使用的时候,就能更好的做到了。
图片不少伙伴们都想搭建属于自己的博客,以下教程保证你能在5分钟内轻松搞定,没有任何技术要求,仅供萌新学习交流,大佬请勿喷。 在搭建的博客之前,我们先了解一下搭建博客必备的知识:域名、服务器、主机空间域名:域名是干什么的呢? 教程开始:【一】首先登录腾讯云 -云产品特惠专区(新人1折起,买云服务器送免费机器) ,也可以免费体验1个月云产品体验图片【二】选择轻量应用服务器进行购买,2核2G4M配置的轻量服务器对搭建小型个人博客网站是很满足的 就会出现wordpress_password 就是博客网站的后台管理员密码。图片图片【九】输入管理员账号和密码,点击登录。
本文长度为 1855 字,建议阅读 5 分钟 搭建博客的初衷 我是从18年开始写博客,最初的平台选择在博客园,界面比较清爽,但是博客园主要是针对互联网软件行业的,我发的内容相对来说偏硬件,后来转战CSDN 博客框架的选择 对于我这种前端大白,一直搞底层的C和汇编,再去学习HTML+CSS+JS,太难了,不过还好,就像Arduino让电子爱好者无需懂太多编程知识就可以做出作品,现有的很多博客框架可以让我们无需写一行前端代码即可搭建出博客 Github 等代码托管平台上,加上这些平台提供的免费 Page 服务,不用花一分钱就可以拥有一个好看易用的个人博客,何乐而不为呢 我的个人博客 基本配置 域名:mculover666.cn 国内分流 如果不是因为如此丰富的主题模板和插件,不可能获得如此广的应用; 其次来看我所使用的Next主题,本来就是一个主题而已,也并不是特别好看,只要懂点网页知识都可以写出来,但是它集成了特别多的第三方服务,使用服务时变得非常方便,这些服务一个人是写不上去的 整个博客搭建完成后,在自己的地盘上可以为所欲为,再也不用受平台限制了,这个博客我准备搬运过来一些以前写过的好文章,后续我还是会以CSDN的博客为主阵地,写日常的工作博客,个人博客主要是分享一些心得体会,
因为我的两个站点之前都不是搞纯技术的,现在全部搞成了Linux技术博客,好多人也非常想建立自己的博客。 说实话我之前的站点第5篇文章以内几乎都是讲如何建站很详细(也是为了防止后期忘掉),现在既然进来这个门了,咱们就踏踏实实的用真正的技术搞个wordpress博客! 准备 LNMP 环境 LNMP 是 Linux、Nginx、MySQL 和 PHP 的缩写,是 WordPress 博客系统依赖的基础运行环境。 恭喜,您的 WordPress 博客已经部署完成,您可以通过浏览器访问博客查看效果。 通过IP地址查看: 博客访问地址:http://<您的域名>/wp-admin/install.php 通过域名查看: 博客访问地址:http://www.yourdomain.com/wp-admin
大概流程: 搭建 Node.js 环境 搭建 Git 环境 GitHub 注册和配置 安装配置 Hexo 关联 Hexo 与 GitHub Pages GitHub Pages 地址解析到个人域名 Hexo server被单独出来了,需要安装server,安装的命令如下: sudo npm install hexo-server 或者 npm install hexo -server --save 配置Git个人信息 现在你已经可以通过 SSH 链接到 GitHub 了,还有一些个人信息需要完善的。 GitHub 也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的。 官方主题库:https://hexo.io/themes/ Hexo主题非常,推荐使用 Next 为主题,请阅读 Next 的官方文档( http://theme-next.iissnan.com/ ),5
Hexo 搭建个人博客 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 0. Hexo + Fluid 美化详见:Hexo + Fluid 美化 5. Hexo 优化 图床 本博客图床已迁移到 OSS, 部分功能可能失效,请注意! 随着博客内容的增加,文章图片的数量也不断增长,如何引用存储图片就成了一个问题。 搭建博客图床详见:搭建博客图床 Hexo 插件 Hexo 本身提供了一个框架,通过丰富的拓展插件,能够进一步优化使用体验,你可以在 Hexo 插件 中寻找适合你的拓展。 Hexo 常用插件推荐详见:Hexo 常用插件推荐 ---- 部署流程 下面是我个人的部署流程,基本实现了全自动化部署(Python 脚本实现),只需要将新的 MD 文件、图片、静态文件等放到指定目录下即可
time >= 2 && time <= 4) { // 2:00-4:59 msg = "深夜时分,注意保持身体健康哦~"; } else if (time >= 5 && time <= 6) { // 5:00-6:59 msg = "清晨好,早起的鸟儿有虫吃,新的一天开始啦~"; } else if (time >= 7 && alpha:1,color:r,velocity:{x:-1+Math.random()*2,y:-3.5+Math.random()*2}}}function o(){var t=e();var s=5+ solid #87CEFA;border-right:5px solid #FFC0CB;border-top:5px solid transparent;border-bottom:5px solid document.body.style.overflow="visible",$("#Loadanimation").fadeOut(540)},500)});</script> 6.添加网站logo扫光 (注意这个是joe主题的示例,如果是其它博客的需要将
个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/search rgba(202, 203, 203, .5); -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);} 显示当前浏览进度 修改themes/*/_config.yml 每篇博客。 运行hexo g&&hexo d推送到博客。 gitment (如果博客搭建再码云上不能运行,个人没有解决) 4.1. 安装插件: npm i --save gitment 4.2. 申请应用 在New OAuth App为你的博客应用一个密钥: Application name:随便写Homepage URL:这个也可以随意写,就写你的博客地址就行Application description
hexo Github Pages博客搭建全过程**声明:** 演示环境为Ubuntu 16.04,记录时间为16~17年。创建仓库!NOTE目的是使用GitHub Pages来部署我们的博客。 **damit5.github.io**图片配置SSH! 输入**yes**然后回车如果显示出下面的内容则表示成功(damit5是用户名)Hi damit5! 创建博客文件夹在此目录下管理自己的博客源码mkdir blogcd blog初始化hexohexo init安装依赖包cnpm install生成静态页面hexo g启动本地服务器hexo s上面2条命令也可以结合为 来访问自己的博客站点啦。