f

astro.config.mjs

@@ -1,41 +1,39 @@
-import sitemap from "@astrojs/sitemap";
-import svelte from "@astrojs/svelte";
-import tailwind from "@astrojs/tailwind";
-import swup from "@swup/astro";
-import Compress from "astro-compress";
-import icon from "astro-icon";
-import { defineConfig } from "astro/config";
-import rehypeAutolinkHeadings from "rehype-autolink-headings";
-import rehypeComponents from "rehype-components"; /* Render the custom directive content */
-import rehypeKatex from "rehype-katex";
-import rehypeSlug from "rehype-slug";
-import remarkDirective from "remark-directive"; /* Handle directives */
-import remarkGithubAdmonitionsToDirectives from "remark-github-admonitions-to-directives";
-import remarkMath from "remark-math";
-import remarkSectionize from "remark-sectionize";
-import { AdmonitionComponent } from "./src/plugins/rehype-component-admonition.mjs";
-import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs";
-import { parseDirectiveNode } from "./src/plugins/remark-directive-rehype.js";
-import { remarkExcerpt } from "./src/plugins/remark-excerpt.js";
-import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs";
+import sitemap from '@astrojs/sitemap'
+import svelte from '@astrojs/svelte'
+import tailwind from '@astrojs/tailwind'
+import swup from '@swup/astro'
+import Compress from 'astro-compress'
+import icon from 'astro-icon'
+import { defineConfig } from 'astro/config'
+import rehypeAutolinkHeadings from 'rehype-autolink-headings'
+import rehypeComponents from 'rehype-components' /* Render the custom directive content */
+import rehypeKatex from 'rehype-katex'
+import rehypeSlug from 'rehype-slug'
+import remarkDirective from 'remark-directive' /* Handle directives */
+import remarkGithubAdmonitionsToDirectives from 'remark-github-admonitions-to-directives'
+import remarkMath from 'remark-math'
+import remarkSectionize from 'remark-sectionize'
+import { AdmonitionComponent } from './src/plugins/rehype-component-admonition.mjs'
+import { GithubCardComponent } from './src/plugins/rehype-component-github-card.mjs'
+import { parseDirectiveNode } from './src/plugins/remark-directive-rehype.js'
+import { remarkExcerpt } from './src/plugins/remark-excerpt.js'
+import { remarkReadingTime } from './src/plugins/remark-reading-time.mjs'
 
 // https://astro.build/config
 export default defineConfig({
-  site: "https://fuwari.vercel.app/",
-  base: "/",
-  trailingSlash: "always",
+  site: 'https://silverhalwkmtts.pages.dev/',
+  base: '/',
+  trailingSlash: 'always',
   integrations: [
-    tailwind(
-        {
-          nesting: true,
-        }
-    ),
+    tailwind({
+      nesting: true,
+    }),
     swup({
       theme: false,
-      animationClass: "transition-swup-", // see https://swup.js.org/options/#animationselector
+      animationClass: 'transition-swup-', // see https://swup.js.org/options/#animationselector
       // the default value `transition-` cause transition delay
       // when the Tailwind class `transition-all` is used
-      containers: ["main", "#toc"],
+      containers: ['main', '#toc'],
       smoothScrolling: true,
       cache: true,
       preload: true,
@@ -46,10 +44,10 @@ export default defineConfig({
     }),
     icon({
       include: {
-        "preprocess: vitePreprocess(),": ["*"],
-        "fa6-brands": ["*"],
-        "fa6-regular": ["*"],
-        "fa6-solid": ["*"],
+        'preprocess: vitePreprocess(),': ['*'],
+        'fa6-brands': ['*'],
+        'fa6-regular': ['*'],
+        'fa6-solid': ['*'],
       },
     }),
     svelte(),
@@ -80,32 +78,32 @@ export default defineConfig({
         {
           components: {
             github: GithubCardComponent,
-            note: (x, y) => AdmonitionComponent(x, y, "note"),
-            tip: (x, y) => AdmonitionComponent(x, y, "tip"),
-            important: (x, y) => AdmonitionComponent(x, y, "important"),
-            caution: (x, y) => AdmonitionComponent(x, y, "caution"),
-            warning: (x, y) => AdmonitionComponent(x, y, "warning"),
+            note: (x, y) => AdmonitionComponent(x, y, 'note'),
+            tip: (x, y) => AdmonitionComponent(x, y, 'tip'),
+            important: (x, y) => AdmonitionComponent(x, y, 'important'),
+            caution: (x, y) => AdmonitionComponent(x, y, 'caution'),
+            warning: (x, y) => AdmonitionComponent(x, y, 'warning'),
           },
         },
       ],
       [
         rehypeAutolinkHeadings,
         {
-          behavior: "append",
+          behavior: 'append',
           properties: {
-            className: ["anchor"],
+            className: ['anchor'],
           },
           content: {
-            type: "element",
-            tagName: "span",
+            type: 'element',
+            tagName: 'span',
             properties: {
-              className: ["anchor-icon"],
-              "data-pagefind-ignore": true,
+              className: ['anchor-icon'],
+              'data-pagefind-ignore': true,
             },
             children: [
               {
-                type: "text",
-                value: "#",
+                type: 'text',
+                value: '#',
               },
             ],
           },
@@ -119,14 +117,14 @@ export default defineConfig({
         onwarn(warning, warn) {
           // temporarily suppress this warning
           if (
-            warning.message.includes("is dynamically imported by") &&
-            warning.message.includes("but also statically imported by")
+            warning.message.includes('is dynamically imported by') &&
+            warning.message.includes('but also statically imported by')
           ) {
-            return;
+            return
           }
-          warn(warning);
+          warn(warning)
         },
       },
     },
   },
-});
+})

src/config.ts

@@ -7,8 +7,8 @@ import type {
 import { LinkPreset } from './types/config'
 
 export const siteConfig: SiteConfig = {
-  title: 'Fuwari',
-  subtitle: 'Demo Site',
+  title: 'Silverhalwk',
+  subtitle: 'Official Site',
   lang: 'en',         // 'en', 'zh_CN', 'zh_TW', 'ja', 'ko'
   themeColor: {
     hue: 250,         // Default hue for the theme color, from 0 to 360. e.g. red: 0, teal: 200, cyan: 250, pink: 345
@@ -42,35 +42,30 @@ export const navBarConfig: NavBarConfig = {
     LinkPreset.Home,
     LinkPreset.Archive,
     LinkPreset.About,
-    {
-      name: 'GitHub',
-      url: 'https://github.com/saicaca/fuwari',     // Internal links should not include the base path, as it is automatically added
-      external: true,                               // Show an external link icon and will open in a new tab
-    },
   ],
 }
 
 export const profileConfig: ProfileConfig = {
-  avatar: 'assets/images/demo-avatar.png',  // Relative to the /src directory. Relative to the /public directory if it starts with '/'
-  name: 'Lorem Ipsum',
-  bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+  avatar: 'assets/images/demo-avatar1.png',  // Relative to the /src directory. Relative to the /public directory if it starts with '/'
+  name: 'silverhalwkmtts',
+  bio: 'Normal heart.',
   links: [
     {
-      name: 'Twitter',
-      icon: 'fa6-brands:twitter',       // Visit https://icones.js.org/ for icon codes
+      name: 'Facebook',
+      icon: 'fa6-brands:facebook',       // Visit https://icones.js.org/ for icon codes
                                         // You will need to install the corresponding icon set if it's not already included
                                         // `pnpm add @iconify-json/<icon-set-name>`
-      url: 'https://twitter.com',
+      url: 'https://www.facebook.com/edgy.cookingtime/',
     },
     {
       name: 'Steam',
       icon: 'fa6-brands:steam',
       url: 'https://store.steampowered.com',
     },
     {
-      name: 'GitHub',
-      icon: 'fa6-brands:github',
-      url: 'https://github.com/saicaca/fuwari',
+      name: 'YouTube',
+      icon: 'fa6-brands:youtube',
+      url: 'https://www.youtube.com/@silverhalwkmtts',
     },
   ],
 }

src/content/posts/cyber1/cyber1.md

@@ -0,0 +1,12 @@
+---
+title: Introduce Myself.
+published: 2024-12-09
+description: Hello, my name is Joey.
+image: ./cyber1.png
+tags: [Blog]
+category: 'Blog'
+draft: false 
+lang: ''
+---
+
+Hello, my name is Joey. I am deeply passionate about cybersecurity and have a strong determination to become the best in this field in Thailand. My journey is fueled by a love for learning, exploring, and solving complex challenges related to cybersecurity. I believe that with hard work, dedication, and continuous self-improvement, I can achieve my goal and make a significant impact in the cybersecurity industry.

src/content/posts/cyber2/cyber2.md

@@ -0,0 +1,50 @@
+---
+title: HackTheBox - Getting started (Part 1)
+published: 2024-12-14
+description: 'A unique summary in my own words.'
+image: './cyber2.webp'
+tags: [HTB]
+category: 'HTB'
+draft: false 
+lang: ''
+---
+
+# Most importantly
+สวัสดีครับ วันนี้ผมจะมาสรุปใจความสำคัญใน Module ที่ชื่อว่า Getting Started ของ HackTheBox Academy นะครับ โดยใน Module ดังกล่าวจะใช้เวลาอยู่ที่ประมาณ 8 ชั่วโมง (ตามที่เขาบอก 5555+) แต่สรุปแล้ว ซัดไป 2 วันตึง ๆ เพราะผมพยายามทำความเข้าใจให้มากขึ้น และต้องใช้ chatgpt ในส่วนที่ยังไม่ค่อยเข้าใจบ้างครับ
+
+
+![Alt text](./img1.png "a title")
+
+# Information Security Overview
+
+<img style="text-align: center;" src="https://cyberhub.oss-me-central-1.aliyuncs.com/uploads/IRLBlb6DjY-AnunGfQi7lTn1JJkaVu" alt="Alt text" title="a title" width="500" />
+
+จากหัวข้อแปลว่า "การรักษาความปลอดภัยข้อมูล" ซึ่งเป็นพื้นฐานของการปกป้องข้อมูลจากสิ่งต่าง ๆ ต่อไปนี้
+1. จากการเข้าถึงโดยไม่ได้รับอนุญาต
+2. การถูกเปลี่ยนแปลงข้อมูล
+3. การเอาไปใช้งานที่ผิดกฎหมาย
+4. และอื่น ๆ
+
+เราต้องคงไว้ซึ่ง **CIA Triad (รูปด้านบน)** ซึ่งมีความหมายว่า
+1. Confidentiality : การรักษาความลับ
+    * เพื่อนร่วมงานไม่ควรมาชะเง้อดู Computer ของเราว่าคุยกับใคร
+    * เอกสารลับของทางราชการ ควรมีการกำหนดคนที่สามารถเข้าถึงได้เพียงบางคน
+
+2. Integrity : การรักษาความถูกต้องของข้อมูล
+    * ถูกสับเปลี่ยนข้อมูล
+    * ถูกแก้ไขหน้าเว็บไซต์
+    * ถูกเปลี่ยนชื่อผู้รับ หรือ ผู้ส่งเอกสาร
+
+3. Availability : ความพร้อมใช้งานอยู่เสมอ
+    * ถูก DDOS ทำให้เว็บล่ม
+    * แอปพลิเคชันธนาคารเปิดไม่ได้เวลาเงินเดือนออก
+    * เว็บมหาวิทยาลัยเปิดไม่ได้เวลาจะประกาศผลสอบ
+    * เจ้าหน้าที่จะใช้งานระบบภายในองค์กร แต่ไม่สามารถทำงานได้
+
+# Risk Management Process
+จากหัวข้อแปลว่า "กระบวนการจัดการความเสี่ยง" เป็นการทำนโยบายไปใช้ โดยไม่ส่งผลด้านลบต่อองค์กร ซึ่ง **Risk Management Process จะมี 5 กระบวนการ**
+1. **Identify** : ระบุความเสี่ยงที่จะต้องเผชิญ
+2. **Analyze** : วิเคราะห์ความเสี่ยงเพื่อ **พิจารณาผลกระทบ** โดยที่ **ทุก ๆ ความเสี่ยงจะต้องมีนโยบาย ขั้นตอน และกระบวนการสำหรับธุรกิจต่าง ๆ**
+3. **Evaluate** : ประเมินความเสี่ยง **เพื่อจัดลำดับความสำคัญของความเสี่ยง** เพื่อตัดสินใจว่า จะยอมรับเพราะเลี่ยงไม่ได้, หลีกเลี่ยง, ควบคุม หรือ โอนความเสี่ยงไปเลย
+4. **Dealing** : กำจัดความเสี่ยงให้ได้มากที่สุด
+5. **Monitoring** : ทุก ๆ ความเสี่ยงต้องมีการติดตามอย่างต่อเนื่อง เพื่อดูว่ามีการเปลี่ยนแปลงที่ส่งผลต่อคะแนน Impact หรือไม่

src/content/posts/draft.md

@@ -1,5 +1,5 @@
 ---
-title: Draft Example
+title: Intruduce Myself
 published: 2022-07-01
 tags: [Markdown, Blogging, Demo]
 category: Examples