liwei-blog/index.html

471 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Vvvvv-</title>
<meta name="description" content="Vvvvv-">
<meta name="keywords" content="">
<meta property="og:type" content="website"/>
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:locale" content="zh" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://lwvvvvv.cn/index.html" />
<meta property="og:site_name" content="Vvvvv-" />
<meta property="article:publisher" content="" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "",
"description": "",
"publisher": {
"@type": "Organization",
"name": "Vvvvv-"
},
}
</script>
<link rel="stylesheet" href="/dist/build.css?v=1654266144177.css">
<link rel="stylesheet" href="/dist/custom.css?v=1654266144177.css">
<script>
window.isPost = false
window.aomori = {
}
window.aomori_logo_typed_animated = false
window.aomori_search_algolia = false
</script>
<meta name="generator" content="Hexo 6.3.0"></head>
<body>
<div class="container">
<header class="header">
<div class="header-type">
<div class="header-type-inner">
<a class="header-type-title" href="/">Vvvvv-</a>
</div>
</div>
<div class="header-menu">
<div class="header-menu-inner">
</div>
<div class="header-menu-social">
</div>
</div>
<div class="header-menu-mobile">
<div class="header-menu-mobile-inner" id="mobile-menu-open">
<i class="icon icon-menu"></i>
</div>
</div>
</header>
<div class="header-menu-mobile-menu">
<div class="header-menu-mobile-menu-bg"></div>
<div class="header-menu-mobile-menu-wrap">
<div class="header-menu-mobile-menu-inner">
<div class="header-menu-mobile-menu-close" id="mobile-menu-close">
<i class="icon icon-cross"></i>
</div>
<div class="header-menu-mobile-menu-list">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="main">
<section class="inner">
<section class="inner-main">
<div class="index">
<article
id="post-생일축하해요"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2023/04/21/%EC%83%9D%EC%9D%BC%EC%B6%95%ED%95%98%ED%95%B4%EC%9A%94/">생일축하해요</a>
</header>
<div class="article-entry post-inner-html">
<p>Hello<br>你好呀 25岁的 张姝怡同学<br>再次相遇 其实也没那么文艺 那么感慨<br>只是突然发现 你还是这样的你 而我认识的你 被填补了三四年的空缺 在成长与泪水间 变得具体而形象 重新成了熟悉的你<br>工作以后 整个人只能是被推着走 时间上就是这样 很难去安排自己一天到晚的时间 在忙累之间突然惊醒 下班不能只是躺在床上 迟早有一天会变成工作的奴隶<br>所以买车的执念实现以后 我开始在每个周末 一个人开着车去周边寻找风景 也去了一些所谓的打卡地点<br>山 河 江 湖 没有再看到海 但确实多看见了许多世界<br>让我想起跟着你去的天津 安阳 让我想起 之前想和你去的地方<br>看到了你也和朋友们去了许多城市<br>生活飞速前行着 即使没有什么光怪陆离的景象 也让我开始不再觉得 我哪里也没去过了<br>发动机响起 就是一场旅途 而它的意义也不是打卡拍照<br>我希望我能容纳更多世界的景象 再次面对生活不会再有什么抱怨和无奈<br>你的猫好可爱 还有个美丽的妈妈<br>也并非突然间 感受到了各自的生活<br>我仍不知道明天与后天的模样<br>毕竟谁的生活也无需与谁强相关<br>不知道还有没有机会与你共渡<br>那就祝你早午晚都安<br>祝你拥有世界上平凡而至臻的幸福与快乐 满足与吃货(?<br>祝你 生日快乐。</p>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2023-04-21T06:31:17.000Z" itemprop="datePublished">2023-04-21</time>
</div>
<div class="article-tag">
<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Mails/" rel="tag">Mails</a></li></ul>
</div>
</div>
</footer>
</article>
<article
id="post-光速搭建个人博客网站!"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2023/01/22/%E5%85%89%E9%80%9F%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E7%BD%91%E7%AB%99%EF%BC%81/">光速搭建个人博客网站!</a>
</header>
<div class="article-entry post-inner-html">
<h1 id="授课笔记"><a href="#授课笔记" class="headerlink" title="授课笔记"></a>授课笔记</h1><h2 id="怎么样制作一个公开的网站"><a href="#怎么样制作一个公开的网站" class="headerlink" title="怎么样制作一个公开的网站"></a>怎么样制作一个公开的网站</h2><h3 id="工具"><a href="#工具" class="headerlink" title="工具"></a>工具</h3><ul>
<li>网站的源代码</li>
<li>IP地址&#x2F;域名</li>
<li>维护方式</li>
<li>现成的框架与开源的社区<ul>
<li>Wordpress</li>
<li>Typecho</li>
<li>Hexo</li>
<li>Docsify</li>
</ul>
</li>
</ul>
<h3 id="最简单公开:生成一个二维码(理工男的浪漫)"><a href="#最简单公开:生成一个二维码(理工男的浪漫)" class="headerlink" title="最简单公开:生成一个二维码(理工男的浪漫)"></a>最简单公开:生成一个二维码(理工男的浪漫)</h3><ul>
<li><a target="_blank" rel="noopener" href="https://cli.im/">草料二维码</a> 科技的终点是人文。</li>
<li>妈妈我爱你</li>
</ul>
<h3 id="公开平台"><a href="#公开平台" class="headerlink" title="公开平台"></a>公开平台</h3><pre><code>- 短文字(微博、知乎)
- 短视频(抖音、快手)
- 长视频B站 yyds
- 长文(知乎、简书)
- 生活资讯(小红书)
- 最大的个人IP平台微信公众号
</code></pre>
<h3 id="个人公众号的制作"><a href="#个人公众号的制作" class="headerlink" title="个人公众号的制作"></a>个人公众号的制作</h3><h3 id="网站制作"><a href="#网站制作" class="headerlink" title="网站制作"></a>网站制作</h3><pre><code>1. 部署网站框架Github、Gitee 码云)
2. 托管后,与域名链接
3. 域名访问
</code></pre>
<hr>
<h1 id="网站部署工具I-利用Docsify展示MD文件"><a href="#网站部署工具I-利用Docsify展示MD文件" class="headerlink" title="网站部署工具I - 利用Docsify展示MD文件"></a>网站部署工具I - 利用Docsify展示MD文件</h1><h2 id="准备工作"><a href="#准备工作" class="headerlink" title="准备工作"></a>准备工作</h2><ul>
<li>包管理器 Node.jsnpm nodejs package manager</li>
<li>开源框架 Docsify</li>
<li>内容 Markdown Typora</li>
</ul>
<h2 id="开始安装"><a href="#开始安装" class="headerlink" title="开始安装"></a>开始安装</h2><h3 id="安装包管理器-npm"><a href="#安装包管理器-npm" class="headerlink" title="安装包管理器 npm"></a>安装包管理器 npm</h3><p><a href="nodejs.cn">Node.JS 官网</a> 根据平台下载 LTS 版本。 </p>
<p>验证是否安装成功Windows 系统下打开命令行,快捷键<code>Win+R</code>,输入 cmd 回车<code>(即Command)</code><br>输入 <code>npm --version</code> ,如有结果则正确</p>
<h3 id="安装-Docsify"><a href="#安装-Docsify" class="headerlink" title="安装 Docsify"></a>安装 Docsify</h3><ol>
<li><code>npm i docsify-cli -g</code> 安装 Docsify 包 i &#x3D; install</li>
<li>找一个顺眼的文件夹存储目录,在 cmd 中打开(见下方技巧)</li>
<li><a target="_blank" rel="noopener" href="https://docsify.js.org/#/zh-cn/quickstart?id=%E5%88%9D%E5%A7%8B%E5%8C%96%E9%A1%B9%E7%9B%AE">初始化项目</a> <code>docsify init</code> init (initialize) 初始化, 输入Y</li>
<li>预览网页 <code>docsify serve</code> serve 即服务</li>
</ol>
<h3 id="制作网页"><a href="#制作网页" class="headerlink" title="制作网页"></a>制作网页</h3><p>更改初始化完的目录中的<code>README.md</code>文件即可,可用 Typora 打开。</p>
<h3 id="部署方式"><a href="#部署方式" class="headerlink" title="部署方式"></a>部署方式</h3><ol>
<li>打开Gitee.com进行注册</li>
<li>新建一个仓库仓库名与个人空间地址相同。选择设置模板——readme文件。</li>
<li>点击服务——Gitee Pages进行实名认证。</li>
<li>点回代码页,点击文件——新建文件夹。</li>
<li>在新建文件夹中上传 Docsify 文件。</li>
<li>再次打开Gitee Pages分支不变目录填新建的文件夹。点击启动即可。</li>
<li>更改 README.md 即可更改内容,更新即可。</li>
</ol>
<hr>
<h3 id="Markdown-语法"><a href="#Markdown-语法" class="headerlink" title="Markdown 语法"></a>Markdown 语法</h3><ul>
<li><p><code>### </code> 标题</p>
</li>
<li><p><code>*内容*</code>斜体 <code>**内容**</code> 粗体</p>
</li>
<li><p><code>代码``` </code> 行内 </p>
</li>
<li><p>列表</p>
<ul>
<li>无序列表<ul>
<li>*-+</li>
</ul>
</li>
<li>有序列表<ul>
<li><ol>
<li></li>
</ol>
</li>
</ul>
</li>
</ul>
</li>
<li><p>分割线 <code>---</code></p>
</li>
</ul>
<h2 id="cmd-技巧"><a href="#cmd-技巧" class="headerlink" title="cmd 技巧"></a>cmd 技巧</h2><ol>
<li>工作目录 输入盘符 : 切换磁盘</li>
<li><code>cd</code> (change directory) + 要切换的目录</li>
<li><code>cd..</code> .. 表示上一级目录 . 表示当前目录</li>
<li><code>dir</code>显示当前目录的文件</li>
</ol>
<hr>
<h1 id="网站部署工具-II-利用Hexo制作静态博客"><a href="#网站部署工具-II-利用Hexo制作静态博客" class="headerlink" title="网站部署工具 II - 利用Hexo制作静态博客"></a>网站部署工具 II - 利用Hexo制作静态博客</h1><h2 id="准备工作-1"><a href="#准备工作-1" class="headerlink" title="准备工作"></a>准备工作</h2><ul>
<li>了解开源:热爱共享 和 开放自由(黑客-&gt;极客)<ul>
<li>史蒂夫·乔布斯、沃兹尼克 APPLE I红皮书的故事</li>
<li>最出名的开源社区Github.com &#x2F; OpenResty &#x2F; OpenSSL</li>
<li>国内开源社区Gitee.com 码云 &#x2F; Coding.net &#x2F; OSCHINA</li>
</ul>
</li>
<li>安装 NPM 管理器 <a target="_blank" rel="noopener" href="https://nodejs.cn/">https://nodejs.cn</a> 一路下一步,不要更改任何东西<ul>
<li>验证是否装好:<code>npm --version</code></li>
</ul>
</li>
</ul>
<h2 id="使用Hexo"><a href="#使用Hexo" class="headerlink" title="使用Hexo"></a>使用Hexo</h2><h3 id="初始化步骤(只需运行一次)"><a href="#初始化步骤(只需运行一次)" class="headerlink" title="初始化步骤(只需运行一次)"></a>初始化步骤(只需运行一次)</h3><ol>
<li><p>安装 Hexo 管理器直接在cmd中运行<code>npm install -g hexo-cli </code> 验证是否装好: <code>hexo</code></p>
</li>
<li><p>安装 Git<a target="_blank" rel="noopener" href="https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.35.1.windows.2/">https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.35.1.windows.2/</a></p>
</li>
</ol>
<p> 下载 Git-2.35.1.2-64-bit.exe一路下一步啥都别管 </p>
<ol start="3">
<li>找一个顺眼的文件夹右键在此处打开Git Bash Here输入<code>hexo init</code>运行</li>
<li>运行 <code>npm install</code> , 初始化完成</li>
</ol>
<h3 id="配置网站"><a href="#配置网站" class="headerlink" title="配置网站"></a>配置网站</h3><ol>
<li><p>预览效果 <code>hexo s</code></p>
</li>
<li><p>写内容,新建一个网页 <code>hexo new 网页名字</code></p>
</li>
<li><p>找到 md 文件,<code>/source/_posts/</code>目录里找到新建的文件,改动后保存即可,刷新即看效果</p>
</li>
</ol>
<h3 id="更换主题"><a href="#更换主题" class="headerlink" title="更换主题"></a>更换主题</h3><ol>
<li>打开官网:<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs%EF%BC%8C%E7%82%B9%E5%87%BB%E4%B8%8A%E6%96%B9%E7%9A%84">https://hexo.io/zh-cn/docs点击上方的</a> Themes可以找到许多主题选择一个</li>
<li>跟随文档说明进行安装通常是打开本地的hexo目录进行 Git Clone 操作.</li>
</ol>
<h2 id="部署网站"><a href="#部署网站" class="headerlink" title="部署网站"></a>部署网站</h2><ol>
<li>安装 <a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-deployer-git">hexo-deployer-git</a>. 命令为<code>npm install --save hexo-deployer-git</code></li>
<li><strong>_config.yml</strong>(如果有已存在的请删除)添加如下配置:</li>
</ol>
<p> repo 网址在个人仓库中 - 克隆&#x2F;下载 - 复制,注意空格</p>
<p><code>deploy: type: git repo: https://gitee.com/fallcityv/fallcityv.git branch: master</code></p>
<ol start="3">
<li><p>运行 <code>hexo clean &amp;&amp; hexo deploy |代替hexo d</code> 。如出现<code>deploy done</code>则表示成功</p>
<p>注意:用户名填邮箱或手机号,输密码不会显示,输完回车即可。</p>
</li>
<li><p>打开 Gitee Pages 服务,部署目录空,直接更新或启动。</p>
</li>
</ol>
<h2 id="作业"><a href="#作业" class="headerlink" title="作业"></a>作业</h2><p>注册<code>gitee.com</code> 完成实名认证,将网站部署到公网</p>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2023-01-22T07:02:00.000Z" itemprop="datePublished">2023-01-22</time>
</div>
<div class="article-category">
<a class="article-category-link" href="/categories/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/">技术分享</a>
</div>
</div>
</footer>
</article>
</div>
</section>
</section>
<aside class="sidebar ">
<div class="widget" id="widget">
<div class="widget-wrap widget-cate">
<div class="widget-title"><span>Categories</span></div>
<div class="widget-inner">
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/">技术分享</a></li></ul>
</div>
</div>
<div class="widget-wrap widget-tags">
<div class="widget-title"><span>Tags</span></div>
<div class="widget-inner">
<ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/Mails/" rel="tag">Mails</a></li></ul>
</div>
</div>
<div class="widget-wrap widget-recent-posts">
<div class="widget-title"><span>Recent Posts</span></div>
<div class="widget-inner">
<ul>
<li>
<a href="/2023/04/21/%EC%83%9D%EC%9D%BC%EC%B6%95%ED%95%98%ED%95%B4%EC%9A%94/">생일축하해요</a>
</li>
<li>
<a href="/2023/01/22/%E5%85%89%E9%80%9F%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E7%BD%91%E7%AB%99%EF%BC%81/">光速搭建个人博客网站!</a>
</li>
</ul>
</div>
</div>
<div class="widget-wrap widget-archive">
<div class="widget-title"><span>Archive</span></div>
<div class="widget-inner">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2023/">2023</a></li></ul>
</div>
</div>
</div>
<div id="backtop"><i class="icon icon-arrow-up"></i></div>
</aside>
</div>
</div>
<footer class="footer">
<div class="footer-wave">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#3c4859" fill-opacity="1" d="M0,160L60,181.3C120,203,240,245,360,240C480,235,600,181,720,186.7C840,192,960,256,1080,261.3C1200,267,1320,213,1380,186.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>
</div>
<!-- Please do not remove this -->
<!-- 开源不易,请勿删除 -->
<div class="footer-wrap">
<div class="footer-inner">
Vvvvv- &copy; 2023<br>
Powered By Hexo · Theme By <a href="https://linhong.me/" target="_blank">Aomori</a> · <a href="https://github.com/lh1me/hexo-theme-aomori" target="_blank">Github</a>
</div>
</div>
</footer>
<script type="module" src="https://unpkg.com/ionicons@6.0.2/dist/ionicons/ionicons.esm.js"></script>
<script src="/dist/build.js?1654266144177.js"></script>
<script src="/dist/custom.js?1654266144177.js"></script>
<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/tororo.model.json"},"display":{"position":"left","width":200,"height":400,"hOffset":5,"vOffset":-38},"mobile":{"show":false,"scale":0.2},"react":{"opacityDefault":0.8,"opacityOnHover":0.2},"log":false});</script></body>
</html>