首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VuePress搭建技术网站个人博客

个人博客博客1(默认主题)、博客2(自定义主题) 三、开始搭建 coding之前,建议大家先了解markdown语法,为之后的文档撰写做铺垫:传送门 1....配置首页(可选): 一般的技术文档网站都需要一个首页作为该技术的简介,个人博客也需要这样的欢迎页。...footer: 南宫的个人博客 --- 效果如下: ? 8. 变更主题(可选) ① 更换主题: 对默认主题不满意,想换个别的主题?安排!...即 Github 提供的、用于搭建个人网站的静态站点托管服务。很多人用它搭建个人博客。这种方式的好处是免费、方便,坏处是速度可能会有些慢、不能被国内的搜索引擎收录。...查看自己的博客域名:https://nan-gong.github.io/ 这样所有的人都能访问到你的博客了! 8.

1.6K10

从零开始搭建个人网站博客

为什么要搭建个人博客我也有公共平台,这类的公共平台有流量和关注,可以好好维护。随着网络的发展,监管随之而来,个人网站更自由,是更好的文章归类的地方,并且自己维护更加放心,不想自己的心血有朝一日404。...搭建个人博客的流程厘清步骤购买云服务器(时间久一些,最低配置)购买域名(云服务器厂商是同一个云服务厂商)备案(2个):ICP域名备案、公安的备案云服务器做好登录配置,安装配置 nginx、https选择博客的静态网站生成器...这里有不同价位的,估计是材质不同吧,我选择了最便宜的,收费总计价格:购买的时候1314元5年,772.2元3年,1314平均后是21.9元/月,772.2平均后是21.45元/月,我觉得对于一个简单的个人博客网站而言...使用博客网站生成器生成网站博客形态的静态站点生成器有:Jekyll、Hugo、Hexo,这些都是国外的网站网站中有各个用户制作的主题。...静态博客和动态博客的区别静态网站网站的html结构和链接的文章都已经固定了,自己电脑做好结构和目录,然后使用xftp等软件远程上传到服务器。

1.3K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    hexo搭建个人网站博客完全教程

    为什么要有自己的个人网站呢?...使用 Hexo 框架来搭建个人网站 这两天我重新整理了一下自己的 Blog ,因为我之前用的是 Octopress 框架,有些年头了,一些主题和插件并不是很多。...Hexo 是基于 nodejs 的,搭建起来很简单。那么接下来就说说如何从 0 开始使用 Hexo 搭建个人博客吧。...自此,你的个人网站就这么速度的搭建起来了! ? hexo 优化 hexo 博客主题 修改你的网站中的个人信息 进入你的网站目录,打开 _config 文件,这个文件是用来配置你的网站信息的。...GitHub 设置域名 至此,你已经搭建好了自己的博客,托管你的网站到 GitHub 了,也绑定了你自己的域名了,那么这时候你的网站就可以被全世界的人看到了。 but!!!

    7.6K89

    如何使用HTML制作个人网站(如何搭建个人博客

    ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。...一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作 、等网站的设计与制作。...二、✍️网站描述 ️ 大学生个人HTML网页设计作品,采用DIV CSS布局制作,页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。... 三、网站介绍 网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。...网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。

    1.6K20

    利用Github+Jeklly搭建个人博客网站

    在上篇文章《个人博客如何选型?》中讲到,可以利用 Github Pages 来搭建个人博客网站,本文主要讲解其中的各种细节。...如果你已经确认选择 Github Pages 方案,继续跟着猴哥的思路,一步步搭建属于自己的博客。...•title(博客主题) •subtitle(博客副标题) •description(网站描述,尽量增加跟网站内容的关键字) 接着是优化网站文章的 URL 链接。...6.发布文章 网站主题搭建工作完成之后,我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的,存放在 _posts 文件中。 ? 文件的命名规则是:年-月-日-文章标题.md。 ?...剧透一下,下篇分享 Github Pages 结合 Hexo 搭建博客网站方案。 如果你觉得文章不错,请转发分享给你的小伙伴们~。

    1.1K20

    利用Github+Jeklly搭建个人博客网站

    在使用的时候项目和网站的大小不要超过 1GB,也不要过于频繁的更新网站的内容(每小时不超过 10 个版本),每个月的也要注意带宽使用上限为 100GB。这些对于个人网站其实是够用。...如果你已经确认选择 Github Pages 方案,继续跟着猴哥的思路,一步步搭建属于自己的博客。...里面记录着网站的名字,网站的域名,网站的链接格式等等。 我对于原来的 MatJek 主题进行一些定制化需求,整合起来更像是一个博客网站。这里我以自己修改主题的配置文件为例。...•title(博客主题) •subtitle(博客副标题) •description(网站描述,尽量增加跟网站内容的关键字) 接着是优化网站文章的 URL 链接。...6.发布文章 网站主题搭建工作完成之后,我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的,存放在 _posts 文件中。 ? 文件的命名规则是:年-月-日-文章标题.md。 ?

    1.4K20

    利用Github+Jeklly搭建个人博客网站

    在上篇文章《个人博客如何选型?》中讲到,可以利用 Github Pages 来搭建个人博客网站,本文主要讲解其中的各种细节。...如果你已经确认选择 Github Pages 方案,继续跟着猴哥的思路,一步步搭建属于自己的博客。...•title(博客主题) •subtitle(博客副标题) •description(网站描述,尽量增加跟网站内容的关键字) 接着是优化网站文章的 URL 链接。...6.发布文章 网站主题搭建工作完成之后,我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的,存放在 _posts 文件中。 ? 文件的命名规则是:年-月-日-文章标题.md。 ?...剧透一下,下篇分享 Github Pages 结合 Hexo 搭建博客网站方案。 如果你觉得文章不错,请转发分享给你的小伙伴们~。

    96620

    搭建个人博客网站Github、Hexo与Next

    在这最后的时间里,想起把自己使用Hexo搭建个人博客网站的流程整理成篇,前段时间为了这个也是找了好多资料,遇到不少坑,将它记录在这里就算是旧年里的最后一个节点,毕竟春节过后新的一年就要真正开始了。...2.搭建Node.js环境 我们了解到Hexo基于Node.js的,那么我们搭建博客网站首先需要安装Node.js环境。...二、开始搭建博客 1.开启GitHub Pages服务 搭建我们的个人博客需要一个唯一的域名,当然我们可以申请购买一个域名来使用,但是在不是太必要的情况下,我们也可以通过Github Pages获得一个免费使用的域名...如此一来我们搭建个人博客网站就基本完成了。 三、发布博客 激动人心的时候到了,终于可以发布自己的第一篇博客了。...因为毕竟这些都是我们搭建个人博客的源文件,将来还要在网站上发表文章,很多数据都在这里。

    1.6K60

    如何在GitHub免费搭建个人博客网站?

    如何在GitHub免费搭建个人博客网站?当你想要开始自己的博客之旅,但又不想花费金钱购买服务器和域名时,还有一些免费的平台可供你选择。...以下是一种无需服务器和域名的方法,利用GitHub Pages和Jekyll搭建个人博客网站(http://m.bokequ.com/list/22-0.html)  步骤一:准备 GitHub 账户...步骤三:下载 Jekyll 主题  Jekyll 是一个简单易用的静态网站生成器,GitHub Pages 支持使用 Jekyll 搭建个人网站。...步骤五:访问你的博客网站  等待一段时间,GitHub 会自动构建你的网站,并将其托管在bokequ.github.io这个地址上。你可以在浏览器中输入这个地址,访问你的个人博客网站。  ...通过 GitHub Pages 和 Jekyll,你可以免费搭建个人博客网站,无需购买服务器和域名。这是一个简单且经济高效的方式,让你能够开始你的博客之旅,并与世界分享你的想法和创作。

    14910

    利用 Github+Hexo 搭建个人博客网站

    我之前写过一篇文章《利用Github+Jeklly搭建个人博客网站》,利用 Github 仓库提供的 github pages 来搭建个人博客。...Jekyll 和 Hexo 可以说是最受欢迎、用户都非常多的两个静态博客生成系统。本文给大家介绍利用 Hexo 结合 Github pages 来搭建个人网站。 1 什么是 Hexo?...Hexo 是一个基于 node.js 制作的快速、简洁且高效的博客框架。Hexo 可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。...3 创建 Github 项目 我们是将网页托管到 Github Pages 上,这部分就不再花篇幅去详细介绍,具体可以参考《利用Github+Jeklly搭建个人博客网站》的内容。...自己网站会被搜索引擎爬虫收录,但不知道等到猴年马月。不如我们主动出击,自己主动我们网站地址,让搜索引擎知道我们网站,会加速收录速度。

    98021

    搭建个人博客

    ——快速搭建属于自己的个人博客思路如下: 1.拥有一台虚拟主机或者云服务器,拥有自己的域名 2.将域名解析到虚拟主机或云服务器 3.上传下载的wordpress的源码并进行相关配置 4.上传博客主题 简单的四步...,你便拥有了属于自己的个人博客~ 虚拟主机+WordPress搭建 如果没有其他需求的话,虚拟主机无疑是最好的选择,成本低而且便于操作, 下面我以 虚拟主机+wordpress 来进行演示: 虚拟主机...大陆外的主机 更新于2023年2月1日:我重新搭建个人博客,原因是原白嫖的美国主机不稳定,故更换为香港,页面加载速度也极大提升了, 忠心劝告:第一次就把机子搞好点,否则迁移博客很麻烦,流泪提示 !!!...这个主题启用好后,还有一些个性化的配置,在左下角的Argon主题选项 如果懒的话,可以直接用我的(我把它放到最下面了,因为我的各种设置有点多,都是在网上搜集到的,以及自己探索出来的[doge]) 那么,恭喜你,快速搭建个人博客...,汐语の小栈,汐语的小栈,汐语的小站","argon_seo_keywords":"汐语,Blog,个人博客,汐语の小栈,汐语的小栈,汐语的小站","argon_article_meta":"time|

    2.1K30

    个人博客搭建

    0x001 效果演示 0x002 简单介绍   前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。...在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。...个人博客 演示:http://luckyzmj.cn 0x003 Hexo 初级搭建 1. 安装Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。...注册Github账号创建个人仓库 接下来就去注册一个github账号,用来存放我们的网站。...Hexo+Github博客搭建完全教程 hexo-theme-matery作者教程 Hexo+github搭建博客(超级详细版,精细入微) hexo(matery)背景、滚动条优化+增加点击跳评论

    2.3K140

    个人博客搭建

    通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园, 美化博客园 使用BNDong 来美化博客园达到我们上面的效果,项目地址: https:/...自定义的域名 然后到setting 里面配置可以通过web访问 setting ---> GitHub Pages ---> 然后设置成我这样 [image-20201009212916793] 再到域名解析网站上把...www.zhangshoufu.com解析成CNAME为shoufuzhang.github.io然后我们就可以通过自己的域名访问博客园了。...通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。...[image-20201009213254124] 截至我们的博客搭建完成了,如果部署中有问题请联系我微信,或者邮箱

    1.1K43

    个人博客搭建

    个人博客搭建 作者:张首富 时间:2020-10-09 w x:y18163201 邮箱:zsf18163201@163.com 博客地址: blog.zhangshoufu.com [TOC] blog...效果展示 www.zhangshoufu.com blog.zhangshoufu.com 博客、笔记编写介绍 安装 Typora 软件官网地址为: https://typora.io/ 这个软件目前支持...通过BlogHelper 自动发布到网站 下载下来配置好自己要发布的网站之后进行发布,我们这里使用的是博客园, 美化博客园 使用BNDong 来美化博客园达到我们上面的效果,项目地址: https:/...再到域名解析网站上把 www.zhangshoufu.com解析成CNAME为shoufuzhang.github.io然后我们就可以通过自己的域名访问博客园了。...通过DNS解析直接访问博客园 我们在阿里云上面配置一个隐性URL 解析就行,在DNS 解析里面设置,然后就可以正常访问。 ? 截至我们的博客搭建完成了,如果部署中有问题请联系我微信,或者邮箱

    1K73

    搭建个人博客

    博客的开始 其实,一切都是为了更好的装逼。好吧,我着相了。 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了。...于是申请了 CSDN 的用户,但是太丑了,于是又申请了博客园,感觉这些都不是我想要的,而做为一个 Emacser 不使用 Github 搭建一个自己的博客,感觉就已经落伍了。...于是就有这最初的一个,相当简陋的利用 Emacs 的 Org-mode 搭建博客,后来看了 Org-page 这个包,但是,我配置不好啊!为什么为什么!...博客的生活 我很喜欢调试自己的博客,但是写博客就不是那么喜欢了,但是我希望能养成一个定期写博客的习惯。...所以,我需要博客,主要是用来装…咳,主要是用来记录我们的生活、工作的内容,这样在下次使用的时候,就能更好的做到了。

    1.1K20

    基于服务器的个人博客网站搭建

    网站搭建 目录 网站搭建 A1 基础 A2 域名 2.1 域名解析 2.2 添加记录 2.2 域名备案 A3 ECS云服务器搭建博客 3.1 安全组添加8888端口 3.2 安装宝塔 3.3 访问网站,...A3 ECS云服务器搭建博客 服务器购买,可以用阿里云,腾讯云,又拍云等,我这里用的阿里云。 3.1 安全组添加8888端口 这是宝塔Linux的连接端口. ? ?...目前网上有很多关于这个博客程序的主题,比如友人C和Cuteen,还有Hexo的黑石博客,都很不错。...友人C:https://www.friendcc.com/ Cuteen:https://blog.zwying.com/ 黑石博客:https://www.heson10.com/ ?...A5 相关 5.1 宝塔面板登录不上:请使用正确的入口登录面板 5.2 网站备案后没有找到站点

    3.9K31

    Gitee 和 GitHub 搭建个人网站博客的方法

    方法备忘,个人自用,仅此而已。 gitee.com(码云) 和 github.com ,分别是国内外的代码交流社区,就是把自己写的代码开源给别人,让别人站在巨人(开源者)的肩膀上继续发展。...既然是服务器就可以干两三件事:搭建纯网页、搭建博客搭建图床。 搭建纯网页 什么是纯网页?就是所有内容都在一个页面上,比如网址导航网站。...搭建博客 前言 这里用到的是 Hexo 博客框架,你就理解为 Typecho 博客程序就行了。 用 Hexo 搭建好的博客在前端上和其他博客程序样子差不多,也可以很漂亮。...Gitee/GitHub 能运行网页,Hexo 博客实质是网页所以能搭建成功。而类似 Typecho 博客程序是一个系统,有后台和数据库可以直接管理文章,所以不用 Gitee/GitHub 搭建。...由于 GitHub 可以自定义域名,所以如果你对个人博客感兴趣,可以先买一个域名一年就几十块钱,利用 Hexo 搭建一个博客写写东西。

    2.1K10

    今天说说用Typecho搭建怎么搭建个人博客网站

    PC端效果 手机端效果 网站体验地址:http://42.193.251.120 网站域名:http://vbee.life [未备案访问不了,过两天准备备案] 准备条件: 1.公网IP服务器或者局域网服务器...,注意局域网服务器外部无法访问;我这里用的是腾讯云轻应用服务器,刚好双11打折173米,购买了3年,有需要的同学,可以点击下方链接购买,不需要的话请直接使用局域网搭建; 【腾讯云】爆款1核2G云服务器首年...4.安装完成后,在宝塔面板左边,点击网站,添加一个默认站点,域名管理输入公网IP即可,有域名把域名添加上也可以,然后点击确定即可,然后访问公网ip即可浏览新建的网站; 5.网站创建成功之后,在网站根目录...,点击上传把typecho下的build目录整个上传到网站根目录下 6.上传完之后,要把buil里面的全部东西剪切到,网站根目录 7.然后访问,公网IP根据提示,安装网站即可,注意要先创建一个空的数据库...,控制台->外观->启动 jeo主题即可,然后可以在外观设置里面配置主题,配置完成后,直接刷新网站看看效果 11.好了今天就到这了不明白的加入微信群,慢慢探讨;添加个人微信拉你进群: vbee_club

    4.2K20
    领券